Как включить функцию проверки формы Jquery для выполнения / запуска перед другими функциями?

Question

Я использую проверку формы Jquery для проверки входных данных формы. E сть

подтвердить

проверить

отправить эту форму.,

Код является:

<script type="text/javascript">
function Confirmation(){
    var answer = confirm("Do you really want to withdraw this amount of money from your account?")
    if (answer){
        return true;
    }
    else{
        return false;
    }

}
$(document).ready(function() { 
$("#withdraw").validate({ 
        rules: { 
         amount: {
            required: true,
             digits:true


        } ,
        bank:{
            required:true,

        },
        cardnumber1: {
            required: true,
             minlength:8

        },
       cardnumber2:{
          required:true,
          equalTo: "#cardnumber1"
         },
          holder:{
          required:true,
        }
  }
})
}); 
</script>

Я хочу, чтобы проверка формы Jquery была выполнена до Confirmation(), как это сделать?

Answer 1

Стивен,

Вы должны удалить onsubmit обработчик из формы и добавить его в submitHandler плагина проверки...

$("#withdraw").validate({
        rules: {
           amount: {
            required: true,
             digits:true
                   }
             // .. other rules here
               },
        submitHandler: function(form){
         if( Confirmation() )
             form.submit();
  }
})

Answer 2

Я посмотрел на документацию, и есть опция с именем submitHandler, которая, я думаю, позволит вам добавить диалоговое окно подтверждения перед отправкой формы, но после проверки. Попробуй это...

<script type="text/javascript">
$(document).ready(function() { 
  $("#withdraw").validate({ 
    submitHandler : function(form) {
      if (confirm("Do you really want to withdraw this amount of money from your account?")) {
        form.submit();
      }
    },
    rules: { 
      amount: {
        required: true,
        digits:true
      },
      bank:{
        required:true,
      },
      cardnumber1: {
        required: true,
        minlength:8
      },
      cardnumber2:{
        required:true,
        equalTo: "#cardnumber1"
      },
      holder:{
        required:true,
      }
    }
  })
}); 
</script>