在通过AJAX提交时,将类添加到表单中

时间:2016-05-27 13:55:51

标签: jquery ajax forms

我有一个基本表单,我通过AJAX提交。我想在发送AJAX请求时向我的表单添加一个类,以便我可以稍微改变它的样式。

有没有办法在提交和使用jQuery addClass时挂钩AJAX?这是我的AJAX脚本:

jQuery(document).ready(function() {
           jQuery('#pay_what_you_want_form').submit(function() { 
              jQuery(this).ajaxSubmit({
                 success: function(){
                     alert('Settings have been updated');

                 }, 
                 timeout: 5000
              }); 
              return false; 
           });
        });

我想将“loading”类添加到ID为#pay_what_you_want_form

的表单中

1 个答案:

答案 0 :(得分:2)

是的,可以在提交时添加课程:

           jQuery('#pay_what_you_want_form').submit(function() {
              jQuery('#pay_what_you_want_form').addClass("loading"); // add class here 
              jQuery(this).ajaxSubmit({
                 success: function(){
                     alert('Settings have been updated');
                     jQuery('#pay_what_you_want_form').removeClass("loading");  // Remove class here as form is submitted now  
                 }, 
                 timeout: 5000
              }); 
              return false; 
           });