如何通过.ajaxForm()提交表单之前执行某些操作?

时间:2014-09-22 08:54:49

标签: javascript jquery html html5 ajaxform

我正在使用ajaxForm()框架工作来发送我的数据而不重新加载我的页面。

    $('#ReplayForm').ajaxForm({ 

      success : function(data){
             alert("Success");
       }   
    });  

现在,我想在提交表单之前检查一些条件,如果条件为false,则停止提交,否则继续。

是否有任何解决方案可以完成这项工作,或者有任何方式购买我可以执行此操作。 提前谢谢。

3 个答案:

答案 0 :(得分:9)

是的,绝对可以处理这种情况。你必须调用beforesubmit方法,让我们看一个例子

$('#ReplayForm').ajaxForm({ 
         beforeSubmit : function(arr, $form, options){
             if("condition is true")
             {
                return true; //it will continue your submission.
             }
             else
             {
                               return false; //ti will stop your submission.
             }

          },
          success : function(data){
              endLoading();
              if(data.result=="success")            
              {
                  showSuccessNotification(data.notification);
              } 
              else
              {
                  showErrorNotification(data.notification);
              }
           }
   });  

答案 1 :(得分:4)

您可以使用beforeSubmit选项

$('#ReplayForm').ajaxForm({
    beforeSubmit: function (arr, $form, options) {
        //check your conditions and return false to prevent the form submission
        if (!valid) {
            return false;
        }
    },
    success: function (data) {
        alert("Success");
    }
});

答案 2 :(得分:3)

在JQuery AJAX框架中使用beforeSend选项,如果测试失败,return false应该这样做。

$('#ReplayForm').ajaxForm({ 

  success : function(data){
         alert("Success");
  },
  beforeSend: function() {
      if(!myFunc()) {
          return false;
      }
  }
});