加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

jquery+ajax验证不通过也提交表单问题处理

发布时间:2020-12-15 23:33:27 所属栏目:百科 来源:网络整理
导读:validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式

validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式:

1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的.

2 使用ajax提交表单,但是没有使用ajax验证.

这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如:

代码如下:

3 使用正常表单提交,但是有使用ajax验证,这种方式有点让人纠结了.当我们提交表单时ajax验证不通过也能提交表单,关于这种情况,网上很多例子是改源码的,下面是截图:

.这种方法对于目前这种情况可行,这种修改的方式本身就不建议,可能对其它地方产生影响.我发现的其中一个就是当下面这种情况时:

代码如下:

beforeCall 这个方法是不会调用的是不会调用的,所以还是不能使用

4 使用ajax验证并且使用ajax提交表单,这个方式就让人纠结了,上面修改源码的方式就不好用了.

对于第三种和第四种方式,解决方式如下:

在使用ajax验证的表单form标签上加上自定义属性control="userName,email" 属性值为要使用ajax验证的控件id(多个控件使用逗号分隔开).

代码如下:

在每个需要验证的控件上加上两个属性url(ajax请求的地址)和errror(不通过时的提示信息)

代码如下:

javascript当中声明两个全局数组

代码如下:

思路是这个的获取form标签上的control属性上的值(使用逗号分隔获取每个控件ID),使用ajax遍历请求,当验证不通过时 将控件ID和提示信息添加到controlId 和 errors 中,并且提示信息.当提交表单时判断controlId 是否为空,不为空则循环显示提示信息.

代码如下:

表单提交方法:

代码如下:
0) { alertinfo() ; return false ; } if(!$(obj).validationEngine("validate")) return false; //验证没有使用ajax验证的控件(不是ajax验证的字段是可以正常验证的,不通过就返回) $.ajax({ type: "POST", url: $(obj).attr("action"), data: $(obj).serialize(), success: function(data){ xxxxxx } }); }

为表单添加焦点事件

代码如下:

错误提示信息:

代码如下:
0) { for(var i in controlId) { //validationEngine方法,为指定ID弹出提示. //用法: $("#" + controlId[i]).validationEngine("showPrompt",errors[i],"error"); } } }

这样当我们无论是第三种方式还是第四种方式提交表单,提交前调用controlId是否有值就可以了.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读