Как попросить форму отправить подтверждение с помощью jQuery в WordPress?

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

Нажатие кнопки вызывает этот код

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

И ваша кнопка удаления должна выглядеть следующим образом

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

При нажатии этой кнопки появится предупреждение, чтобы продолжить или нет,перед выполнением кода удаления.

Answer 2

Используйте 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!";

    }
  });