如何在WordPress中使用jQuery提交表单提交确认？

Question

我正在使用WordPress网站，我需要确认用户删除。

单击按钮时，不会询问确认，并始终提交表单。我尝试使用submit事件和event.preventDefault方法，但它不起作用。实现这一目标的最正确和最有效的方法是什么？

<button type="submit" id="delete_patient" name="delete_patient" form="add_patient_form" formmethod="post" formaction="<?=parse_url( $_SERVER['REQUEST_URI'], PHP_URL_PATH )?>" class="btn btn-outline-danger"><?=__( 'Elimina paziente', 'halluxvalgus' )?></button>

jQuery(document).ready(function() {  
  jQuery("#delete_patient").on("click", function() {
    return confirm("<?=__( 'Sei sicuro?', 'halluxvalgus' )?>"); 
  });

Answer 1

使用e.preventDefault()覆盖默认方法。

jQuery(document).ready(function() {  

  jQuery("#delete_patient").on("click", function(e) {
    e.preventDefault();
    var r = confirm("<?=__( 'Sei sicuro?', 'halluxvalgus' )?>");
    if (r == true) {

       // "You pressed OK!";

    } else {
       // "You pressed Cancel!";

    }
  });

Answer 2

单击按钮会触发此代码

function confirmDelete(){
    var x = confirm('Your text here');
    if(x){
       return true;
    }else{
       return false;
    }
}

您的删除按钮必须如下所示

 <button onClick="return confirmDelete()">Delete</button>

在执行删除代码之前，单击该按钮将启动或不执行警报。