无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

KTV订购微信小程序_jQuery EasyUi 验证功用实例解析

时间:2021-01-12 15:31来源:KTV订购微信小程序 作者:jianzhan 点击:
jQuery EasyUi 认证作用案例分析 文中给大伙儿共享jquery easyui认证作用的案例编码,十分非常好,具备参照效仿使用价值,必须的朋友参照下script src="easyui1.2.4/jquery-1.6.min.js" type="tex
jQuery EasyUi 验证功能实例解析       本文给大家分享jquery easyui验证功能的实例代码,非常不错,具有参考借鉴价值,需要的朋友参考下
script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript" /script script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript" /script !--自定义验证-- script src="easyui1.2.4/validator.js" type="text/javascript" /script link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" / script $(function () { //设置text需要验证 $('input[type=text]').validatebox(); /script /head body 邮箱验证: input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" / br / 网址验证: input type="text" validtype="url" invalidMessage="url格式不正确[ br / 长度验证: input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" / br / 手机验证: input type="text" validtype="mobile" / br / 邮编验证: input type="text" validtype="zipcode" / br / 账号验证: input type="text" validtype="account[8,20]" / br / 汉子验证: input type="text" validtype="CHS" / br / 远程验证: input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/ /body /html

自定义验证:

//扩展easyui表单的验证 
$.extend($.fn.validatebox.defaults.rules, { 
 //验证汉子 
 CHS: { 
 validator: function (value) { 
 return /^[\u0391-\uFFE5]+$/.test(value); 
 message: '只能输入汉字' 
 //移动手机号码验证 
 mobile: {//value值为文本框中的值 
 validator: function (value) { 
 var reg = /^1[3|4|5|8|9]\d{9}$/; 
 return reg.test(value); 
 message: '输入手机号码格式不准确.' 
 //国内邮编验证 
 zipcode: { 
 validator: function (value) { 
 var reg = /^[1-9]\d{5}$/; 
 return reg.test(value); 
 message: '邮编必须是非0开始的6位数字.' 
 //用户账号验证(只能包括 _ 数字 字母) 
 account: {//param的值为[]中值 
 validator: function (value, param) { 
 if (value.length param[0] || value.length param[1]) { 
 $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围'; 
 return false; 
 } else { 
 if (!/^[\w]+$/.test(value)) { 
 $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.'; 
 return false; 
 } else { 
 return true; 
 }, message: '' 
}) 

js

$.extend($.fn.validatebox.defaults.rules, { 
 checkWSDL: { 
 validator: function(value,param){ 
 var reg = "^(a-zA-Z0-9._% :=(), +]*[ ]{1}wsdl$"; 
 return reg.test(value); 
 message: '请输入合法的WSDL地址' 
 checkIp : {// 验证IP地址 
 validator : function(value) { 
 var reg = /^((1 \d \d|(2([0-4]\d|5[0-5])))\.){3}(1 \d \d|(2([0-4]\d|5[0-5])))$/ ; 
 return reg.test(value); 
 message : 'IP地址格式不正确' 
});

以上所述是小编给大家介绍的jQuery EasyUi 验证功能实例解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信