Как удалить из MySQL, используя модальный загрузчик?

Я хочу удалить учетные записи в соответствии с выбором выпадающего списка.

Это моя разметка для form

<form action="" method="post">
<select class="form-control" size="8" id="userName" name="userName">
<option value="9" data-userId="uid9">dilani</option>
<option value="6" data-userId="uid6">kamala</option>
<option value="12" data-userId="uid12">senudhi</option>
<option value="2" data-userId="uid2">testuser</option>
<option value="4" data-userId="uid4">tharanga</option>
</select>
<br>
<button type="submit" class="btn btn-primary" >Terminate</button>
<br>
</form>

В PHPЯ проверяю, что пользователь отправляет форму и выбрал имя пользователя из выпадающего списка, прежде чем удалить учетную запись.

мой PHP код что-то вроде этого —

// Check for a form submission:
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
// Check for username is selected from dropdown list:
if (isset($_POST['userName'])) {
$userid = $_POST['userName'];

//echo $userid;
// my delete query ---

} else {
$error_msg .= ' You didn\' select either username or domain name to Terminate.';
}
}

Моя проблема в том, что если форма была успешно отправлена, мне нужно отобразить диалоговое окно подтверждения перед удалением учетной записи.

Я попробовал это javascript onsubmit но это не работает для меня. Как только я нажимаю кнопку «Завершить», отображается подтверждение, игнорирующее выбор раскрывающегося списка. Это означает, что мне не нужно выбирать элемент из списка имен пользователей, чтобы получить эту работу.

Вот как я это проверил —

<form action="" method="post" onSubmit="return confirm('are you sure?')">

Кто-нибудь может направить меня сделать это, используя Bootstrap модальный?

Благодарю вас.

0

Решение

Захватите форму при отправке, выбросьте окно подтверждения. Верните true, если они нажимают Да, возвращают false, если они нажимают Нет.

$('form').on('submit', function(){
e.preventDefault();
if(confirm('Are you sure you wish to delete this user?')){
return true;
} else{
return false;
}
});
0

Другие решения

Либо вы можете отправить через ajax, либо если вам нужно просто подтвердить, что вы можете использовать что-то вроде

<form id="target" action="destination.html">
<input id="btn" type="button" value="Go"/>
</form>

$(function() {
$("#btn").click(function(){
if (confirm("Click OK to continue?")){
$('form#target').submit();
} else {
//return false;
}
});
});
0