教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery easyui验证简单示例

jquery easyui验证简单示例

发布时间:2015-12-30   编辑:jiaochengji.com
本文介绍了jquery easyui中有关验证的方法,easyui的验证分为纯客户端验证和ajax验证,有需要的朋友参考下。

1,纯客户端验证
使用easyui控件中的validatebox,配置required='true'等

2,Ajax验证
 

复制代码 代码示例:
$("#password").validatebox({ required:"true" , validType:"remote['"+js+"system/validatePasswordOperator.action','password']",invalidMessage:"原密码输入不正确" })

其中validType指的是验证类型,这里使用remote(远程),invalidMessage指的是如果后台往前台写回的不是true,则显示的错误信息。

3,自定义正则表达式规则
 

复制代码 代码示例:
 $.extend($.fn.validatebox.defaults.rules, {  
      customReg: {
         validator: function(value, param){  
            var reg = new RegExp(param[0]);
   if (!reg.test(value)) { 
             $.fn.validatebox.defaults.rules.customReg.message = param[1];
             return false;  
            }else{
             return true;
            }
          },  
         message: '' 
      }
});

使用方法:
 

复制代码 代码示例:
<input  type="text" name="fromContactTelephone" class="easyui-validatebox" required="true"  value="${sale.fromContactTelephone}" validType="customReg['(\\d{11})|^((\\d{7,8})|(\\d{4}|\\d{3})-(\\d{7,8})|(\\d{4}|\\d{3})-(\\d{7,8})-(\\d{4}|\\d{3}|\\d{2}|\\d{1})|(\\d{7,8})-(\\d{4}|\\d{3}|\\d{2}|\\d{1}))$','请输入正确的联系方式']">

您可能感兴趣的文章:
jQuery EasyUI表单验证的例子
jquery easyui验证简单示例
Jquery easyui表单异步验证扩展
jquery easyui表单验证实例学习
jquery easyui通过class方式设置dialog
jquery 表单验证的实现代码
Jquery插件easyUi表单验证提交(示例代码)
Jquery easyui之datagird查询框扩展示例
php验证码大全(实例分享)
初试jQuery EasyUI 使用介绍

关键词: easyui  jquery easyui  验证   
[关闭]
~ ~