부트 스트랩 모달을 사용하여 MySQL에서 삭제하는 방법?

Question

드롭 다운 목록의 선택에 따라 계정을 삭제하고 싶습니다. 내가 사용자가 양식을 제출하고 이전 계정을 삭제 드롭 다운 메뉴에서 사용자 이름을 선택한 확인하고, PHP에서

<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> 

-

이것은 form 내 마크 업입니다.

내 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.'; 
    } 
} 

내 문제는, 내가 계정을 삭제하기 전에 형태의 대화 상자를 표시하는 데 필요한 양식을 다음 성공적으로 제출 한 경우.

나는 그것을 시도했지만 그게 나를 위해 작동하지 javascriptonsubmit. Terminate 버튼을 클릭하자마자 드롭 다운 선택을 무시하고 확인이 표시됩니다. 즉,이 작업을 수행하기 위해 사용자 이름 목록에서 항목을 선택할 필요가 없습니다.

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

사람이 사용 Bootstrap 모달을 할 나를 인도 할 수 -

이 내가 그것을 확인하는 방법입니다?

감사합니다.

Answer 1

제출시 양식을 캡처하고 확인 상자를 던져주세요. 어느 쪽이든 당신이 아약스를 통해 제출할 수 있습니다 그들이 번호를

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

Answer 2

를 클릭하면 그들은 예를 클릭 false를 돌려 경우에 true를 돌려, 또는 당신이 필요로하는 경우 그 제출하는 경우

<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; 
    } 
    }); 
});