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>

在单击该按钮时，将执行执行删除代码之前发出警告，提示是否继续。

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

2 个答案: