easyui 自定义校验器 validatebox

最新推荐文章于 2023-09-11 18:08:48 发布
最新推荐文章于 2023-09-11 18:08:48 发布
阅读量197 收藏
点赞数
文章标签： json javascript ViewUI
原文链接：https://my.oschina.net/qinbao/blog/1545781
版权
在工作中的实例代码。
30090353_yb8J.png
 这里无法传变量参数

引入自定义校验器JS 
<script src="<%=request.getContextPath()%>/js/easyui-validatebox-custom.js" charset="UTF-8" type="text/javascript"></script>
x
1
 
1 
<script src="<%=request.getContextPath()%>/js/easyui-validatebox-custom.js" charset="UTF-8" type="text/javascript"></script>

HTML中使用自定义校验器 
 <s:if test="#request.currentTmplId=='' || #request.currentTmplId==null">
	<input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10]'" style="width: 155px;" />
 </s:if>
 <s:if test="#request.currentTmplId!=''&&#request.currentTmplId!=null">
	<input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10,${requestScope.currentTmplId }]'" style="width: 155px;" />
 </s:if>
x
6
 
1 
 <s:if test="#request.currentTmplId=='' || #request.currentTmplId==null">
2 
    <input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10]'" style="width: 155px;" />
3 
 </s:if>
4 
 <s:if test="#request.currentTmplId!=''&&#request.currentTmplId!=null">
5 
    <input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10,${requestScope.currentTmplId }]'" style="width: 155px;" />
6 
 </s:if>
js定义： 
$('#tmplName').validatebox({required:true,validType:'tmplName[2,10]'});
1
1
 
1 
$('#tmplName').validatebox({required:true,validType:'tmplName[2,10]'});
可以传多个参数。

校验器： 
/**
 * 自定义 easyui 验证
 */
$(document).ready(
 		function(){
 			 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    minLength: {   
 			        validator: function(value, param){   //value 为需要校验的输入框的值 , param为使用此规则时存入的参数
 			            return value.length >= param[0];   
 			        },   
 			        message: '请输入最小{0}位字符.'  
 			    }   
 			}); 
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    maxLength: {   
 			        validator: function(value, param){   
 			            return param[0] >= value.length;   
 			        },   
 			        message: '请输入最大{0}位字符.'  
 			    }   
 			}); 
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    length: {   
 			        validator: function(value, param){   
 			        	value = $.trim(value);//去掉左右空格
 			            return value.length >= param[0] && param[1] >= value.length;   
 			        },   
 			        message: '请输入{0}-{1}位字符.'  
 			    }   
 			}); 

 		// extend the 'equals' rule   
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    equals: {   
 			        validator: function(value,param){   
 			            return value == $(param[0]).val();   
 			        },   
 			        message: '密码与确认密码不相同.'  
 			    }   
 			});  
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 				web : {   
 			        validator: function(value){   
 			            return /^(http[s]{0,1}|ftp):\/\//i.test($.trim(value));   
 			        },   
 			        message: '网址格式错误.'  
 			    }   
 			}); 
 			            
           $.extend($.fn.validatebox.defaults.rules, {   
        	   mobile : {   
 			        validator: function(value){   
 			           // return /^1[0-9]{10}$/i.test($.trim(value));   
 			            return /^\d+-?\d+$/i.test($.trim(value));   
 			        },   
 			        message: '联系电话格式错误.'  
 			    }   
 			});
           
           $.extend($.fn.validatebox.defaults.rules, {   
        	   date : {   
 			        validator: function(value){   
 			            return /^[0-9]{4}[-][0-9]{2}[-][0-9]{2}$/i.test($.trim(value));   
 			        },   
 			        message: '曰期格式错误,如2014-04-04.'  
 			    }   
 			}); 
           
           $.extend($.fn.validatebox.defaults.rules, {   
        	   email : {   
 			        validator: function(value){   
 			            return /^[a-zA-Z0-9_+.-]+\@([a-zA-Z0-9-]+\.)+[a-zA-Z0-9]{2,4}$/i.test($.trim(value));   
 			        },   
 			        message: '电子邮箱格式错误.'  
 			    }   
 			}); 
           $.extend($.fn.validatebox.defaults.rules, {   
        	   ip : {   
 			        validator: function(value){   
 			            return /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(;(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]))*$/i.test($.trim(value));   
 			        },   
 			        message: 'ip格式错误.'  
 			    }   
 			}); 
//           $.extend($.fn.validatebox.defaults.rules, {   
//        	   captcha : {   
// 			        validator: function(value){   
// 			        	var data0 = false;
//	 			        $.ajax({
//	 			       		type: "POST",async:false,
//	 			       		url:contextPath + "/json/valSimulation.action",
//	 			       		dataType:"json",
//	 			       		data:{"simulation":value},
//	 			       		async:false,
//	 			       		success: function(data){
//	 			       			data0=data;
//	 			       		}
//	 			       	});
// 			        	
//	 			       return data0;
 			        	return /^[a-zA-Z0-9]{4}$/i.test($.trim(value));
// 			        },   
// 			        message: '验证码错误.'  
// 			    }   
// 			}); 
           //用户名称验证
           $.extend($.fn.validatebox.defaults.rules, {   
        	   userCode : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		if(/^\w+$/i.test($.trim(value))){
 			        			$.ajax({
	 			        			type: "POST",
	 			        			url:$('#contextPath').val()+'/userAction!checkUserCode.action',
	 			        			dataType:"json",
	 			        			data:{"userCode":value,"chooseUserId":param[2]},
	 			        			async:false,
	 			        			success: function(data){
	 			        				data0=data.success;
	 			        			}
	 			        		});
 			        		}
 			        		else{
 			        			param[3] = "用户账号只能包含英文字母、数字与下划线";
 			        			return false;
 			        		}
		        		}else{
		        			param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	
 			        	
 			        	param[3] = "登录名称已存在.";
	 			       return data0;
 			        },   
 			        message: "{3}" 
 			    }   
 			}); 
            //用户密码验证
           $.extend($.fn.validatebox.defaults.rules, {   
        	   userPwd : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		if(/[A-Za-z]+/.test($.trim(value)) && /[0-9]+/.test($.trim(value))){
 			        			$.ajax({
	 			        			type: "POST",
	 			        			url:$('#contextPath').val()+'/userAction!checkUserPass.action',
	 			        			dataType:"json",
	 			        			data:{"pwd":value,"chooseUserId":param[2]},
	 			        			async:false,
	 			        			success: function(data){
	 			        				data0=data.success;
	 			        			}
	 			        		});
 			        		}
 			        		else{
 			        			param[3] = "用户密码必须包含英文字母、数字";
 			        			return false;
 			        		}
		        		}else{
		        			param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	
 			        	
 			        	param[3] = "密码最近使用过,请重新修改.";
	 			       return data0;
 			        },   
 			        message: "{3}" 
 			    }   
 			}); 
           
           //角色名称验证
           $.extend($.fn.validatebox.defaults.rules, {   
        	   roleName : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		if($.trim(value)!=''){
	 			        		$.ajax({
	 			        			type: "POST",
	 			        			url:$('#contextPath').val()+'/roleAction!checkRoleName.action',
	 			        			dataType:"json",
	 			        			data:{"roleName":value,"chooseOperateType":param[2]},
	 			        			async:false,
	 			        			success: function(data){
	 			        				data0=data.success;
	 			        			}
	 			        		});
 			        		}else{
 			        			param[3] = "角色名称不为空";
 			        			return false;
 			        		}
		        		}else{
		        			param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	
 			        	param[3] = "角色名称已存在.";
	 			       return data0;
 			        },   
 			        message: "{3}" 
 			    }   
 			}); 
           //门户名称验证
           $.extend($.fn.validatebox.defaults.rules, {   
        	   portalName : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		if($.trim(value)!=''){
 			        			$.ajax({
	 			        			type: "POST",
	 			        			url:$('#contextPath').val()+'/portalAction!checkPortalName.action',
	 			        			dataType:"json",
	 			        			data:{"portalName":value,"choosePortalId":param[2]},
	 			        			async:false,
	 			        			success: function(data){
	 			        				data0=data.success;
	 			        			}
	 			        		});
 			        		}
 			        		else{
 			        			param[3] = "门户名称不为空";
 			        			return false;
 			        		}
		        		}else{
		        			param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	
 			        	
 			        	param[3] = "门户名称已存在.";
	 			       return data0;
 			        },   
 			        message: "{3}" 
 			    }   
 			}); 
           //对话框 ie选择框突出显示问题解决
          /* $.extend($.fn.dialog.defaults,{
				onLoad:function(){
					if( /msie 6\.0/i.test(navigator.userAgent.toLowerCase())){//判断浏览器及其版本,如果是IE6及其以下版本统一这样处理
						//alert('this is dialog fuck onpen');
						//alert($("select"));
						$("select").css({visibility:"hidden"});
					}
				},
				onClose:function(){
					//$(this).dialog('destroy');
					if( /msie 6\.0/i.test(navigator.userAgent.toLowerCase())){//判断浏览器及其版本,如果是IE6及其以下版本统一这样处理
						//alert('this is dialog fuck onclose');
						//alert($("select"));
						$("select").css({visibility:"visible"});
					}
				}
			});*/
           
           //模版表名前缀验证 ,而且前面必须要以字母开头
           $.extend($.fn.validatebox.defaults.rules, {   
        	   tablePrefix : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		if(/^[a-zA-Z]+\w+$/i.test($.trim(value))){
 			        			$.ajax({
	 			        			type: "POST",
	 			        			url:$('#contextPath').val()+'/tmplConfigInfoAction!checkTablePrefix.action',
	 			        			dataType:"json",
	 			        			data:{"tablePrefix":value,"chooseTmplId":param[2]},
	 			        			async:false,
	 			        			success: function(data){
	 			        				data0=data.success;
	 			        			}
	 			        		});
 			        		}
 			        		else{
 			        			param[3] = "表名前缀必须以字母开头由英文字母、数字与下划线组成";
 			        			return false;
 			        		}
		        		}else{
		        			param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	param[3] = "表前缀名已存在.";
 			        	return data0;
 			        },   
 			        message: "{3}" 
 			    }   
 			}); 
         //模版表名前缀验证
           $.extend($.fn.validatebox.defaults.rules, {   
        	   tmplName : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		if($.trim(value)!=''){
	 			        		$.ajax({
	 			        			type: "POST",
	 			        			url:$('#contextPath').val()+'/tmplConfigInfoAction!checkTmplName.action',
	 			        			dataType:"json",
	 			        			data:{"tmplName":value,"chooseTmplId":param[2]},
	 			        			async:false,
	 			        			success: function(data){
	 			        				data0=data.success;
	 			        			}
	 			        		});
 			        		}else{
 			        			param[3] = "模版名称不为空";
 			        			return false;
 			        		}
		        		}else{
		        			param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	
 			        	param[3] = "模版名称已存在.";
	 			       return data0;
 			        },   
 			        message: "{3}" 
 			    }   
 			}); 
           
           
           
 	});
 
1 
/**
2 
 * 自定义 easyui 验证
3 
 */
4 
$(document).ready(
5 
        function(){
6
7 
            $.extend($.fn.validatebox.defaults.rules, {  
8 
                minLength: {  
9 
                    validator: function(value, param){   //value 为需要校验的输入框的值 , param为使用此规则时存入的参数
10 
                        return value.length >= param[0];  
11 
                    },  
12 
                    message: '请输入最小{0}位字符.'  
13 
                }  
14 
            });
15
16 
            $.extend($.fn.validatebox.defaults.rules, {  
17 
                maxLength: {  
18 
                    validator: function(value, param){  
19 
                        return param[0] >= value.length;  
20 
                    },  
21 
                    message: '请输入最大{0}位字符.'  
22 
                }  
23 
            });
24
25 
            $.extend($.fn.validatebox.defaults.rules, {  
26 
                length: {  
27 
                    validator: function(value, param){  
28 
                        value = $.trim(value);//去掉左右空格
29 
                        return value.length >= param[0] && param[1] >= value.length;  
30 
                    },  
31 
                    message: '请输入{0}-{1}位字符.'  
32 
                }  
33 
            });
34
35 
        // extend the 'equals' rule  
36 
            $.extend($.fn.validatebox.defaults.rules, {  
37 
                equals: {  
38 
                    validator: function(value,param){  
39 
                        return value == $(param[0]).val();  
40 
                    },  
41 
                    message: '密码与确认密码不相同.'  
42 
                }  
43 
            });  
44
45 
            $.extend($.fn.validatebox.defaults.rules, {  
46 
                web : {  
47 
                    validator: function(value){  
48 
                        return /^(http[s]{0,1}|ftp):\/\//i.test($.trim(value));  
49 
                    },  
50 
                    message: '网址格式错误.'  
51 
                }  
52 
            });
53 
                        
54 
           $.extend($.fn.validatebox.defaults.rules, {  
55 
               mobile : {  
56 
                    validator: function(value){  
57 
                       // return /^1[0-9]{10}$/i.test($.trim(value));  
58 
                        return /^\d+-?\d+$/i.test($.trim(value));  
59 
                    },  
60 
                    message: '联系电话格式错误.'  
61 
                }  
62 
            });
63 
          
64 
           $.extend($.fn.validatebox.defaults.rules, {  
65 
               date : {  
66 
                    validator: function(value){  
67 
                        return /^[0-9]{4}[-][0-9]{2}[-][0-9]{2}$/i.test($.trim(value));  
68 
                    },  
69 
                    message: '曰期格式错误,如2014-04-04.'  
70 
                }  
71 
            });
72 
          
73 
           $.extend($.fn.validatebox.defaults.rules, {  
74 
               email : {  
75 
                    validator: function(value){  
76 
                        return /^[a-zA-Z0-9_+.-]+\@([a-zA-Z0-9-]+\.)+[a-zA-Z0-9]{2,4}$/i.test($.trim(value));  
77 
                    },  
78 
                    message: '电子邮箱格式错误.'  
79 
                }  
80 
            });
81 
           $.extend($.fn.validatebox.defaults.rules, {  
82 
               ip : {  
83 
                    validator: function(value){  
84 
                        return /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(;(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]))*$/i.test($.trim(value));  
85 
                    },  
86 
                    message: 'ip格式错误.'  
87 
                }  
88 
            });
89 
//           $.extend($.fn.validatebox.defaults.rules, {  
90 
//             captcha : {  
91 
//                  validator: function(value){  
92 
//                      var data0 = false;
93 
//                      $.ajax({
94 
//                          type: "POST",async:false,
95 
//                          url:contextPath + "/json/valSimulation.action",
96 
//                          dataType:"json",
97 
//                          data:{"simulation":value},
98 
//                          async:false,
99 
//                          success: function(data){
100 
//                              data0=data;
101 
//                          }
102 
//                      });
103 
//                
104 
//                     return data0;
105 
                        return /^[a-zA-Z0-9]{4}$/i.test($.trim(value));
106 
//                  },  
107 
//                  message: '验证码错误.'  
108 
//              }  
109 
//          });
110 
           //用户名称验证
111 
           $.extend($.fn.validatebox.defaults.rules, {  
112 
               userCode : {  
113 
                    validator: function(value,param){  
114 
                        var data0 = false;
115 
                        if(value.length >= param[0] && param[1] >= value.length)
116 
                        {
117 
                            if(/^\w+$/i.test($.trim(value))){
118 
                                $.ajax({
119 
                                    type: "POST",
120 
                                    url:$('#contextPath').val()+'/userAction!checkUserCode.action',
121 
                                    dataType:"json",
122 
                                    data:{"userCode":value,"chooseUserId":param[2]},
123 
                                    async:false,
124 
                                    success: function(data){
125 
                                        data0=data.success;
126 
                                    }
127 
                                });
128 
                            }
129 
                            else{
130 
                                param[3] = "用户账号只能包含英文字母、数字与下划线";
131 
                                return false;
132 
                            }
133 
                        }else{
134 
                            param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
135 
                            return false;
136 
                        }
137 
                  
138 
                  
139 
                        param[3] = "登录名称已存在.";
140 
                       return data0;
141 
                    },  
142 
                    message: "{3}"
143 
                }  
144 
            });
145 
            //用户密码验证
146 
           $.extend($.fn.validatebox.defaults.rules, {  
147 
               userPwd : {  
148 
                    validator: function(value,param){  
149 
                        var data0 = false;
150 
                        if(value.length >= param[0] && param[1] >= value.length)
151 
                        {
152 
                            if(/[A-Za-z]+/.test($.trim(value)) && /[0-9]+/.test($.trim(value))){
153 
                                $.ajax({
154 
                                    type: "POST",
155 
                                    url:$('#contextPath').val()+'/userAction!checkUserPass.action',
156 
                                    dataType:"json",
157 
                                    data:{"pwd":value,"chooseUserId":param[2]},
158 
                                    async:false,
159 
                                    success: function(data){
160 
                                        data0=data.success;
161 
                                    }
162 
                                });
163 
                            }
164 
                            else{
165 
                                param[3] = "用户密码必须包含英文字母、数字";
166 
                                return false;
167 
                            }
168 
                        }else{
169 
                            param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
170 
                            return false;
171 
                        }
172 
                  
173 
                  
174 
                        param[3] = "密码最近使用过,请重新修改.";
175 
                       return data0;
176 
                    },  
177 
                    message: "{3}"
178 
                }  
179 
            });
180 
          
181 
           //角色名称验证
182 
           $.extend($.fn.validatebox.defaults.rules, {  
183 
               roleName : {  
184 
                    validator: function(value,param){  
185 
                        var data0 = false;
186 
                        if(value.length >= param[0] && param[1] >= value.length)
187 
                        {
188 
                            if($.trim(value)!=''){
189 
                                $.ajax({
190 
                                    type: "POST",
191 
                                    url:$('#contextPath').val()+'/roleAction!checkRoleName.action',
192 
                                    dataType:"json",
193 
                                    data:{"roleName":value,"chooseOperateType":param[2]},
194 
                                    async:false,
195 
                                    success: function(data){
196 
                                        data0=data.success;
197 
                                    }
198 
                                });
199 
                            }else{
200 
                                param[3] = "角色名称不为空";
201 
                                return false;
202 
                            }
203 
                        }else{
204 
                            param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
205 
                            return false;
206 
                        }
207 
                  
208 
                        param[3] = "角色名称已存在.";
209 
                       return data0;
210 
                    },  
211 
                    message: "{3}"
212 
                }  
213 
            });
214 
           //门户名称验证
215 
           $.extend($.fn.validatebox.defaults.rules, {  
216 
               portalName : {  
217 
                    validator: function(value,param){  
218 
                        var data0 = false;
219 
                        if(value.length >= param[0] && param[1] >= value.length)
220 
                        {
221 
                            if($.trim(value)!=''){
222 
                                $.ajax({
223 
                                    type: "POST",
224 
                                    url:$('#contextPath').val()+'/portalAction!checkPortalName.action',
225 
                                    dataType:"json",
226 
                                    data:{"portalName":value,"choosePortalId":param[2]},
227 
                                    async:false,
228 
                                    success: function(data){
229 
                                        data0=data.success;
230 
                                    }
231 
                                });
232 
                            }
233 
                            else{
234 
                                param[3] = "门户名称不为空";
235 
                                return false;
236 
                            }
237 
                        }else{
238 
                            param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
239 
                            return false;
240 
                        }
241 
                  
242 
                  
243 
                        param[3] = "门户名称已存在.";
244 
                       return data0;
245 
                    },  
246 
                    message: "{3}"
247 
                }  
248 
            });
249 
           //对话框 ie选择框突出显示问题解决
250 
          /* $.extend($.fn.dialog.defaults,{
251 
                onLoad:function(){
252 
                    if( /msie 6\.0/i.test(navigator.userAgent.toLowerCase())){//判断浏览器及其版本,如果是IE6及其以下版本统一这样处理
253 
                        //alert('this is dialog fuck onpen');
254 
                        //alert($("select"));
255 
                        $("select").css({visibility:"hidden"});
256 
                    }
257 
                },
258 
                onClose:function(){
259 
                    //$(this).dialog('destroy');
260 
                    if( /msie 6\.0/i.test(navigator.userAgent.toLowerCase())){//判断浏览器及其版本,如果是IE6及其以下版本统一这样处理
261 
                        //alert('this is dialog fuck onclose');
262 
                        //alert($("select"));
263 
                        $("select").css({visibility:"visible"});
264 
                    }
265 
                }
266 
            });*/
267 
          
268 
           //模版表名前缀验证 ,而且前面必须要以字母开头
269 
           $.extend($.fn.validatebox.defaults.rules, {  
270 
               tablePrefix : {  
271 
                    validator: function(value,param){  
272 
                        var data0 = false;
273 
                        if(value.length >= param[0] && param[1] >= value.length)
274 
                        {
275 
                            if(/^[a-zA-Z]+\w+$/i.test($.trim(value))){
276 
                                $.ajax({
277 
                                    type: "POST",
278 
                                    url:$('#contextPath').val()+'/tmplConfigInfoAction!checkTablePrefix.action',
279 
                                    dataType:"json",
280 
                                    data:{"tablePrefix":value,"chooseTmplId":param[2]},
281 
                                    async:false,
282 
                                    success: function(data){
283 
                                        data0=data.success;
284 
                                    }
285 
                                });
286 
                            }
287 
                            else{
288 
                                param[3] = "表名前缀必须以字母开头由英文字母、数字与下划线组成";
289 
                                return false;
290 
                            }
291 
                        }else{
292 
                            param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
293 
                            return false;
294 
                        }
295 
                        param[3] = "表前缀名已存在.";
296 
                        return data0;
297 
                    },  
298 
                    message: "{3}"
299 
                }  
300 
            });
301 
         //模版表名前缀验证
302 
           $.extend($.fn.validatebox.defaults.rules, {  
303 
               tmplName : {  
304 
                    validator: function(value,param){  
305 
                        var data0 = false;
306 
                        if(value.length >= param[0] && param[1] >= value.length)
307 
                        {
308 
                            if($.trim(value)!=''){
309 
                                $.ajax({
310 
                                    type: "POST",
311 
                                    url:$('#contextPath').val()+'/tmplConfigInfoAction!checkTmplName.action',
312 
                                    dataType:"json",
313 
                                    data:{"tmplName":value,"chooseTmplId":param[2]},
314 
                                    async:false,
315 
                                    success: function(data){
316 
                                        data0=data.success;
317 
                                    }
318 
                                });
319 
                            }else{
320 
                                param[3] = "模版名称不为空";
321 
                                return false;
322 
                            }
323 
                        }else{
324 
                            param[3] = "请输入"+param[0]+"-"+param[1]+"位字符.";
325 
                            return false;
326 
                        }
327 
                  
328 
                        param[3] = "模版名称已存在.";
329 
                       return data0;
330 
                    },  
331 
                    message: "{3}"
332 
                }  
333 
            });
334 
          
335 
          
336 
          
337 
    });  




转载于:https://my.oschina.net/qinbao/blog/1545781

chuchongza8019
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui的validate校验必填项，空格问题
world_the_begin的博客
06-07 3800
原文：https://blog.csdn.net/u011877584/article/details/78249402点击打开链接
easyUI之表单验证validate
微雨燕双飞
08-16 717
文本框校验,在easyUI的表单提交中，最常见的就是对文本框的校验，不同类型的输入项需要不同的校验类型,用户可以使用自带的验证类型也可以进行自定义。 1、普通文本框的非空校验 &amp;lt;input id=&quot;vv&quot; class=&quot;easyui-validatebox&quot; data-options=&quot;required:true&quot; /&amp;gt; 其中class属性为必写
文本框去掉首尾的空格
最新发布
qq_45913170的博客
09-11 65
<el-input v-model="data.conf_range_sip" @blur="data.conf_range_sip=$event.target.value.trim()"></el-input>
jquey easyui 常用方法
热门推荐
steven的专栏
05-31 1万+
版本：1.4.2 1、easyui -textbox: 去空格： $('#tt1').textbox({   onChange: function(value){   var _trim = $.trim(value);     $("#tt1").textbox("setValue", _trim);   } });
easyui-validatebox 验证（记录转载）
a479778594的博客
06-07 619
required: "必选字段",        remote: "请修正该字段",        email: "请输入正确格式的电子邮件",        url: "请输入合法的网址",        date: "请输入合法的日期",        dateISO: "请输入合法的日期 (ISO).",        number: "请输入合法的数字",   
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
10-22
主要介绍了jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法的相关资料,需要的朋友可以参考下
jQuery插件EasyUI校验规则 validatebox验证框
10-23
主要介绍了jQuery插件EasyUI校验规则，主要介绍validatebox验证框，对validatebox进行校验规则扩展，使用jQuery EasyUI的朋友可以参考下。
jQuery EasyUI之验证框validatebox实例详解
10-20
本文通过实例代码给大家讲解了jQuery EasyUI之验证框validatebox知识，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
easyui自定义小图标.rar
06-25
easyui本身存在的小图标数量特别少不全面，该文档为esayui扩充图标（包含原有图标），直接复制到项目中然后修改css文件即可使用。同时该文档包含图片将近2000多个，超全面。希望该文档可以帮助到大家
EASYUI表单扩展
zhangfy068的专栏
05-10 140
禁止访问 $(function(){ $('#uiform input').each(function () { if ($(this).attr('required') || $(this).attr('validType')) $(this).validatebox(); ...
easyUi 校验validatebox大全
diaokang2511的博客
03-04 185
<input id = "newPwd" class="easyui-validatebox" type="password" name="newPwd"data-options="required:true" validType="password"/>找到password对应的ID $ .extend( $.fn.validatebox.def...
Easyui自定义validate验证
Kula的学习笔记
01-21 1665
需求：通过正则表达式对easyui-validate输入框的内容进行验证 //override $.fn.validatebox.defaults.rules $.extend($.fn.validatebox.defaults.rules,{ customReg:{ validator:function(value,param){ //value：输入框的
Easyui validatebox修改——1.当text发生变化时在校验，2.取消校验，3扩展自定义验证
qlh2863的专栏
02-18 9187
1.当text发生变化时在校验：       Easyui validatebox个人感觉还是比较好用的，但是发现他不是只有text改变并离开编辑框的时候才验证，而是不停的做验证；如果是js脚本的本地验证还好，如果是远程验证（如：调用数据库检测信息是否已存在）那就不停的向服务器发送请求，这就比较麻烦啦；通过查看Easyui validatebox的js脚本文件，发现Easyui validate
EasyUI easyui-textbox,easyui-validatebox的自定义校验
落泪的只有我
03-30 2810
可以用于easyui-textbox和easyui-validatebox的控件自定义校验设置
如何做easyUI的自定义Validatebox 验证框
weixin_42933886的博客
10-31 279
如何实现和作用 通过 $.fn.validatebox.defaults 重写默认的 defaults。 验证框（validatebox）是为了验证表单输入字段而设计的。如果用户输入无效的值，它将改变背景颜色，显示警告图标和提示消息。验证框（validatebox）可与表单（form）插件集成，防止提交无效的字段。 用法： 1.页面直接实现 &lt;input id="vv" class="eas...
easyui-textbox 和 easyui-validatebox 设置值和获取值
jinzk123的博客
03-15 901
伯大神英雄修身齐家治国平天下随笔 - 36 文章 - 12 评论 - 206 博客园  首页  新随笔  联系  管理   easyui-textbox 和 easyui-validatebox 设置值和获取值表单作如下定义：该input使用easyui的"easyui-textbox"1 &lt;input id="addSnumber" style="width: 200px; height:...
easyui下拉框easyui-combobox input class=easyui-combobox 及控制层代码
JesseCary的博客
07-12 1249
var url;  function searchDataDic(){ $("#dg").datagrid('load',{ "dataDicName":$("#s_dataDicName").combobox("getValue"), "dataDicValue":$("#s_dataDicValue").val()  });  }  function openDa
jQuery EasyUI自定义validatebox
jumtre的专栏
08-19 1万+
发表于53分钟前(2013-10-18 11:45) , 已有4次阅读 ，共0个评论 1 自定义validatebox验证，验证用户名，密码。
easyui 进阶之表单校验、自定义校验
dinghuoruo0011的博客
11-22 341
前言 easyui是一种基于jQuery的用户界面插件集合，它为创建现代化，互动，JavaScript应用程序，提供必要的功能，完美支持HTML5网页的完整框架，节省网页开发的时间和规模。非常的简单易学。 easyui中文网：http://www.jeasyui.net/ easyui官网：http://www.jeasyui.com/documentation/# 今天我们来学...
easyui 自定义toolbar 加查询框
05-14
<input id="searchbox" class="easyui-textbox" data-options="prompt:'Search...', iconCls:'icon-search'"> (0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="doSearch()">Search ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值