Как удалить из 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 модальный?
Благодарю вас.
Решение
Захватите форму при отправке, выбросьте окно подтверждения. Верните true, если они нажимают Да, возвращают false, если они нажимают Нет.
$('form').on('submit', function(){
e.preventDefault();
if(confirm('Are you sure you wish to delete this user?')){
return true;
} else{
return false;
}
});
Другие решения
Либо вы можете отправить через 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;
}
});
});