form表单提交前进行ajax验证

Posted linky008

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form表单提交前进行ajax验证相关的知识,希望对你有一定的参考价值。

因为ajax是异步的,所以按照常规的写法,即使验证返回了false,表单也会被submit。

需要进行如下设置

function checkDate()           
    var result = true;         //定义返回标识
     $.ajax(
             async: false,    //设置为同步
             type: "post",
             url: "/Mall/Channel/CheckChannelDate",
             data:  startDate: $("#PayStartTime").val() ,
             success: function (data) 
                      if (data != ‘ok‘) 
                          alert(data);
                          result = false
                                                              
                     
                );
                return result; //在ajax方法外层返回true or false
        

 

以上是关于form表单提交前进行ajax验证的主要内容,如果未能解决你的问题,请参考以下文章

在LayUI表单中,有AJAX方式来提交表单吗

用ajax提交多个form表单

form提交,并用js验证手机号码

使用Ajax验证并提交Django表单(django-crispy-forms)

Ajax提交之前的jQuery表单验证

使用JQuery的ajax提交表单能否使用一个变量来获取form的id