jquery validator简单使用,微复杂度密码校验,错误信息集中展示
来源:互联网 发布:大众软件电子版下载 编辑:程序博客网 时间:2024/06/06 02:52
通用设置
var CC={};CC.validate = { // focusCleanup: false, // focusInvalid: false, onclick: function() { return false; }, onfocusin: function() { return false; }, onfocusout: function() { return false; }, onkeyup: function() { return false; },}//添加校验规则$.validator.addMethod("mobile", function(value, element, params) { return /^1[34578]\d{9}$/.test(value);});//添加校验规则,有且仅有数字、字母$.validator.addMethod("password", function(password, element, params) { var iNow = 0; if (password.match(/\s/)) { return false; } if (password.match(/[\u4E00-\u9FA5]/g)) { return false; } if(password.match(/[0-9]/g)){ iNow++; } if(password.match(/[a-z]/ig)){ iNow++; } if(password.match(/[~!@#$%^&*]/g)){ iNow++; } console.log(inow); if(iNow < 2){ return false; } return true;});
使用
function showErrorMsg(msg) { $('#errorDispaly').show().find('p').html(msg);}function clearErrorMsg() { $('#errorDispaly').hide().find('p').html(null);}$("#registerForm").validate($.extend(true, CC.validate, { rules: { mobilePhone: {//input的id required: true,//自带校验规则 mobile: true//使用校验规则 }, password: {//input的id required: true,//自带校验规则 rangelength:[6, 20],//自带校验规则 password: true,//使用校验规则 }, smSCaptcha: {//input的id required: true,//自带校验规则 minlength: 6,//自带校验规则 maxlength: 6,//自带校验规则 } }, messages: { mobilePhone: { required: '请输入手机号码', mobile: '手机号输入有误' }, password: { required: '请输入新密码', rangelength:'密码为6-20位,至少含数字、字母及特殊符号中的2种', password: '密码为6-20位,至少含数字、字母及特殊符号中的2种' }, smSCaptcha: { required: '请输入手机验证码', minlength: '短信验证码输入有误', maxlength: '短信验证码输入有误', } }, showErrors: function(errMap, errList) { //对错误信息集中处理 if (errList && errList.length) { showErrorMsg(errList[0].message); } else { clearErrorMsg(); } }, submitHandler:function(form){ if ($('#registerBtn').hasClass('btn-disabled')) return; $('#submitBtn').addClass('disabled'); $.post("test.php", { mobilePhone: $('#mobile').val(), password: $('#passphrase').val(), mobileCaptcha: $('#mobileCaptcha').val(), }, function(res) { if (res.success) { window.location.replace(document.referrer || '/'); } else { $('#registerBtn').removeClass('btn-disabled'); showErrorMsg('error'); } }); return; } })); $('#registerBtn').on('touchstart, click', function(e) { e.preventDefault(); $('#registerForm').submit(); })
阅读全文
0 0
- jquery validator简单使用,微复杂度密码校验,错误信息集中展示
- jQuery validator简单自定义校验
- jquery-validator.js插件校验
- java使用validator进行校验
- Hibernate-validator校验框架使用
- 一个用户名的多重校验规则,使用的是 jQuery.validator (包含 jQuery.validator加入自定义的方法)
- jQuery.validator.addMethod+校验--有道笔记整理
- jQuery Validator remote 远程Ajax校验器
- JQuery Validator使用实例
- JQuery Validator使用实例 .
- jquery validator 使用
- validator框架简单使用
- Hibernate Validator简单使用
- 使用Spring的Validator接口进行校验
- struts2学习笔记--使用Validator校验数据
- springmvc使用hibernate-validator校验器
- 关于javax.validation.Validator校验的使用
- 使用hibernate-validator校验报错解决
- linux学习之路6 Vi文本编辑器
- 2017第36届西安春季广告标识办公印刷LED光电照明产业博览会会刊(参展商名录)
- EasyNVR无插件IPC摄像机直播方案前端构建之:如何区分PC端和移动端
- robotframework之frame元素定位
- 初学者的烦恼
- jquery validator简单使用,微复杂度密码校验,错误信息集中展示
- ucos_ii.h
- android之activity(页面)
- MYSQL的列值自增长:auto_increment(三)
- QT的exe文件移植到其他机器非png图片操作问题
- rpm包和tar包安装的mysql启动/关闭上存在不同
- 走迷宫
- 【Unity游戏开发】浅谈Unity游戏开发中的单元测试
- HDU 5738 Eureka (共线点集 组合数)