});
});
beforeCall 这个方法是不会调用的是不会调用的,所以还是不能使用
4 使用ajax验证并且使用ajax提交表单,这个方式就让人纠结了,上面修改源码的方式就不好用了.
对于第三种和第四种方式,解决方式如下:
在使用ajax验证的表单form标签上加上自定义属性control=”userName,email” 属性值为要使用ajax验证的控件id(多个控件使用逗号分隔开).
<form method=”post” id=”ajaxForm2Controls” action=”admin/user/savePro.htm” control=”userName”>
在每个需要验证的控件上加上两个属性url(ajax请求的地址)和errror(不通过时的提示信息)
<input class=”textBox validate[required,minSize[6],maxSize[128],custom[onlyLetterNumber]]” type=”text” name=”userName” id=”userName” maxlength=”128″ url=”admin/user/uniqueName.htm” error=”用户已存在…”/>
javascript当中声明两个全局数组
var controlId = new Array(); //保存验证不通过的控件ID
var errors = new Array() ; //保存验证不通过的提示信息
思路是这个的获取form标签上的control属性上的值(使用逗号分隔获取每个控件ID),使用ajax遍历请求,当验证不通过时 将控件ID和提示信息添加到controlId 和 errors 中,并且提示信息.当提交表单时判断controlId 是否为空,不为空则循环显示提示信息.
$(function() {
var ajaxForm2Controls = $(“form#ajaxForm2Controls”) ;
//表单提交时
$(ajaxForm2Controls).submit(function() {
ajaxForm2Control(ajaxForm2Controls) ;
return false ;
}) ;
//失去焦点时验证控件
valControls(ajaxForm2Controls) ;
});
表单提交方法:
function ajaxForm2Control(obj) {
//当存在错误信息时返回,找显示错误信息
if(controlId.length > 0) {
alertinfo() ;
return false ;
}
if(!$(obj).validationEngine(“validate”)) return false; //验证没有使用ajax验证的控件(不是ajax验证的字段是可以正常验证的, 不通过就返回)
$.ajax({
type: “POST”,
url: $(obj).attr(“action”),
