通用表单验证formvalidator 后端验证

formValidator4.1.3  ajax中文乱码bug

Java代码  

1. var value = escape(decodeURIComponent(data.substr(li_pos+1)));  

改成

Java代码  

1. var value = decodeURIComponent(data.substr(li_pos+1));  

 formValidator4.1.3 formvalidatorregex.js bug：

Java代码  

1. money : "^(0|[1-9][0-9]{0,9})(\.[0-9]{1,2})?$",  
2. mobile:"^(13|14|15|17|18)[0-9]{9}$", //mobileregExp  
3. ps_username:"^[\\u4E00-\\u9FA5\\uF900-\\uFA2D_\\w]+$" //中文、字母、数字 _  

不同的版本跟大小写字母有关,API用法也变了

initConfig增加theme 属性，表示皮肤名，theme 的值可取目录theme 下的文件夹名,默认是default，自定义验证的html样式 。打开皮肤目录下的对应style.css文件，把重名的样式名改掉，再把theme.js文件里对应的名字改过来。theme.js

$class$表示对应的样式名。可以省略，可以表示分别是：onShow、onFocus、onError、onCorrect。
$data$表示显示的内容。可以省略。

submitOnce 校验通过后，是否灰掉所有的提交按钮

debug: false,//如果你要调试代码，你可以设置debug为true，校验成功了，也不会提交表单。

defaultPassed 默认校验通过，显示onCorrect状态,配合empty:true

mode:'AutoTip',自动创建<div id="XXTip"></div> auto:true

wideWord 是否把一个全角字符当做2个长度

刚打开页面的时候我不想显示onshow的状态，如何实现这种功能？[top]

Java代码  

1. onCorrect:"&nbsp;",  //不要文字，只要提示图片  

errorFocus(默认: true)整个校验组校验失败的时候，第一个出错的控件是否获得焦点,empty:true 

Java代码  

1. .ajaxValidator({  
2.     type : "get",  
3.     url : "",  
4.     data :"m=member&c=index&a=public_checknickname_ajax",  
5.     datatype : "html",  
6.     async:'false',  
7.     success : function(data){  
8.           return true;  
9.     },  
10.     buttons: $("#dosubmit"),  
11.     onerror : "昵称已经存在",  
12.     onwait : "请稍候..."  
13. }).defaultPassed();   

如何实现用<a href="JavaScript:dosubmit()">提交</a>来启用验证

Java代码  

1. function dosubmit(){  
2.     $('#form').submit();  
3. }  
4. $.formValidator.initConfig({formID: "adminForm", mode: "AutoTip", submitOnce: true });  

如果某个控件triggerEvent是blur触发验证，点击获取验证码怎么触发

Java代码  

1. $("#mobile").formValidator({  
2.     onshow:"请输入手机号码",  
3.     onfocus:"手机的长度必须是11位",  
4.     oncorrect:"手机合法"  
5. }).inputValidator({  
6.     min:11,  
7.     max:11,  
8.     onerror:"手机号码必须为11位,请确认"  
9. }).regexValidator({  
10.     regexp:"mobile",//regExp: ["tel", "mobile"],          
11.     datatype:"enum",  
12.     onerror:"手机/座机的格式不正确"  
13. });  
14. $("#password").formValidator({  
15.     onShow: "",  
16.     onFocus: "请输入密码",  
17.     onCorrect: "&nbsp;",  
18.     empty:true  
19. }).inputValidator({  
20.     min: 4,  
21.     onError: "密码长度不能小于4位"  
22. });  
23. $("#repeatpwd").formValidator({  
24.     onShow: "",  
25.     onFocus: "请输入确认密码",  
26.     onCorrect: "&nbsp;"  
27. }).compareValidator({  
28.     desID: "password",  
29.     operateor: "=",  
30.     onError: "两次输入密码不一致"  
31. });  
32. $("#verifyBtn").click({ //点获取验证码验证手机  
33.     $("#mobile").blur();  
34. });  

 

得到某个控件验证结果 ，验证通过是true，不过是false，如手机号码验证正确是才发送短信验证码

Java代码  

1. var result = $.formValidator.isOneValid('mobile'); //id  
2. if(result){  
3.     sendSmsCode();  
4. }  

在同一个页面你可以拥有很多个校验组，你只需在提交的按钮那里调用，ajax提交

Java代码  

1. return jQuery.formValidator.pageIsValid('校验组号') ;  

来完成多个组的校验，互不干扰。

 

两个放一行怎么处理，设置同一个tipID

Java代码  

1. $("#purchase_date").formValidator({  
2.     triggerevent:"change",  
3.     onshow:"请输入采购时间!",  
4.     onfocus:"请输入采购时间",  
5.     oncorrect:"输入正确"  
6. }).functionValidator({fun:isDateTime, onerror:'日期格式错误'});