Jquery EasyUI遠端校驗，Jquery EasyUI多個自定義校驗，EasyUI自定義校驗

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright 蕃薯耀 2017年3月30日

http://www.cnblogs.com/fanshuyao/

方式一：多個自定義校驗規則使用鍵值對的方式

Html代碼  

1. <input value="${orgUnit.pinYin}" class="easyui-textbox w150 jtrim" id="pinYin" name="pinYin"   
2.     data-options="  
3.         required : true,  
4.         delay : 600,  
5.         validateOnBlur : false,  
6.         validType : {  
7.             minLength : [4],  
8.             maxLength : [4],  
9.             remote : ['${pageContext.request.contextPath}/isOrgUnitPinYinExist?orgId=${orgUnit.orgId}','pinYin']  
10.         }"  
11.     />  

需要說明的是：remote結果傳回

傳回字元串"false"表示不通過，傳回字元串"true"表示通過

方式二：使用數組的方式

1. data-options="required:true,validType:['numberText','minLength[11]','maxLength[16]']"  

Jquery EasyUI擴充自定義校驗規則見：

http://fanshuyao.iteye.com/blog/2351388 

官網文檔說明：

Defines the field valid type, such as email, url, etc. Possible values are:

1) a valid type string, apply a single validate rule.

2) a valid type array, apply multiple validate rules. The multiple validate rules on a field are available since version 1.3.2.

3) a key/value pairs, the key is the validing type name, the value is an array consisting validating parameters.

Code example:

<input class="easyui-validatebox" data-options="required:true,validType:'url'">
<input class="easyui-validatebox" data-options="
	required:true,
	validType:['email','length[0,20]']
">
<input class="easyui-validatebox" data-options="
	required:true,
	validType:{
		length:[10,30],
		remote:['http://.../action.do','paramName']
	}
">      

©Copyright 蕃薯耀 2017年3月30日

今天越懶，明天要做的事越多。