jQuery 확인 대화 상자에서 확인을 클릭하면 양식이 계속 제출됩니다.

Question

jQuery confirm plugin을 사용합니다.

다음

$(document).ready(function(){ 
    $(".confirm").confirm({ 
     text: "Are you sure?", 
     title: "Confirmation required", 
     confirm: function() { 
      //when I click confirm it will redirect to the link 
     }, 
     cancel: function() { 
      //do something 
     }, 
     confirmButton: "Yes", 
     cancelButton: "No" 
    }); 
}); 

가 form입니다 : 내가 "예"버튼을 클릭하면

<form action="submit.php" method="post"> 
    <input type="text" name="username" placeholder="Username"> 
    <button type="submit" class="confirm">Submit</button> 
</form> 

그래서이 양식을 제출 계속 여기

는 코드입니다.

그런데 submit 버튼을 클릭하면 확인 대화 상자가 잘 표시되지만 "예"또는 "아니오"버튼을 클릭해도 아무런 변화가 없습니다.

Answer 1

JavaScript 대화 상자에서 버튼을 변경할 수 없습니다. 위의 자바 스크립트 코드의 경우 사용자 정의 확인 상자의 일부 플러그인을 사용해야합니다.

<form action="submit.php" method="post"> 
<input type="text" name="username" placeholder="Username"> 
<button type="submit" class="confirm">Submit</button> 
</form> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".confirm").click(function(e){ 
      e.preventDefault(); 

      $(".confirm").confirm({ 
    text: "Are you sure?", 
    title: "Confirmation required", 
    confirm: function() { 
     $("form").submit(); 
    }, 
    cancel: function() { 
     //do something 
    }, 
    confirmButton: "Yes", 
    cancelButton: "No" 
}); 

     }); 
    }); 
</script> 

Answer 2

당신은 당신의 확인 창 아 파크 버튼 클릭 버튼 타입의 버튼을 넣어 관리 할 수 ​​있습니다

<button type="button" id="trigger" class="confirm">Submit</button> 
... 
$("#trigger").submit(confirmWindow); 
... 
function confirmWindow(){ 
    // Put here your confirm window code ... 
} 
... 
$("#yourform").submit(); // ... and send the form if the user choose "yes" 

:

Answer 3

시도를 사실에 옵션 post을 설정할 수 있습니다.

$(document).ready(function(){ 
    $(".confirm").confirm({ 
     text: "Are you sure?", 
     title: "Confirmation required", 
     confirm: function() { 
      //when I click confirm it will redirect to the link 
     }, 
     cancel: function() { 
      //do something 
     }, 
     confirmButton: "Yes", 
     cancelButton: "No", 
     post: true 
    }); 
}); 

읽으 post 옵션 here