CODEWITHSUNDEEP
javascriptjqueryhtmlajaxform
Uday A. Navapara
Uday A. Navapara

Reputation: 1265

how to perform some action before submit form via .ajaxForm()?

i am using ajaxForm() frame work to send my data without reloading my page.

    $('#ReplayForm').ajaxForm({ 

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

now, i want to check some condition before submitting the form and if the condition is false then stop submission else continue.

is there any solution to do this work or is there any way buy which i can perform this operation. Thanks in advance.

Upvotes: 8

Views: 26079

Answers (3)

Edward
Edward

Reputation: 1883

Use beforeSend option in JQuery AJAX framework, if the test fails return false should do it.

$('#ReplayForm').ajaxForm({ 

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

Upvotes: 3

Ashish Vaghasiya
Ashish Vaghasiya

Reputation: 327

Yes, definatly you can handle this situation. you have to call beforesubmit method for this let see one example 

$('#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);
              }
           }
   });

Upvotes: 10

Arun P Johny
Arun P Johny

Reputation: 388316

You can use the beforeSubmit option

$('#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");
    }
});

Upvotes: 3

Related Questions