- 浏览: 778463 次
- 性别:
- 来自: 西安
文章分类
最新评论
-
mushme:
W.sl 写道大神:http://mushme.iteye.c ...
用python自动登录iteye -
W.sl:
大神:http://mushme.iteye.com/logi ...
用python自动登录iteye -
mushme:
jilong-liang 写道 public static v ...
选择一个好的驾校,用数据说话,我用python -
jilong-liang:
package sm;import java.net.URL; ...
选择一个好的驾校,用数据说话,我用python -
sunshine_bean:
非常感谢
jsvc将tomcat配置成服务
jquery的验证太强大了,很容易就可以上手了,长度,必填,自定义检验,都可以很方便
以下是一些数据的正则和脚本
别人写的一个强大的检测
其他连接:http://www.cnblogs.com/weiqt/articles/2013800.html
以下是一些数据的正则和脚本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>validate.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="scripts/jQuery/jquery-1.3.2.js"></script> <script type="text/javascript" src="scripts/jQuery/plugins/jquery.validate.js"></script> <script type="text/javascript" src="scripts/jQuery/plugins/jquery.validate.messages_cn.js"></script> </head> <body> <form action="" id="myForm"> <input id="userName" name="userName" /><em>*</em> <input id="age" name="age"/><em>*</em> <input id="birthday" name="birthday"/><em>*</em> <input id="tel" name="tel"/><em>*</em> <input type="submit" value="提交" /> </form> <script type="text/javascript"> $().ready(function() { initValidate(); }); jQuery.validator.addMethod("istel", function(value, element) { var decimal = /^-?\d+(\.\d{1,2})?$/; return this.optional(element) || (fucCheckTEL(value)); }, $.validator.format("不合法的电话号码!")); //电话号码 function fucCheckTEL(TEL) { var i,j,strTemp; strTemp="0123456789-()# "; for (i=0;i<TEL.length;i++) { j=strTemp.indexOf(TEL.charAt(i)); if (j==-1) { //说明有字符不合法 return false; } } //说明合法 return true; } function initValidate() { $("#myForm").validate({ rules : { 'userName': { "required" : true, "minlength":10 }, 'age' : { "required" : true }, 'birthday' : { "required" : true }, 'tel' : { "required" : true, "istel":true } } }); } </script> </body> </html>
别人写的一个强大的检测
$(document).ready(function(){ /* 设置默认属性 */ $.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); // 中文字两个字节 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length = value.length; for(var i = 0; i < value.length; i++){ if(value.charCodeAt(i) > 127){ length++; } } return this.optional(element) || ( length >= param[0] && length <= param[1] ); }, "请确保输入的值在3-15个字节之间(一个中文字算2个字节)"); /* 追加自定义验证方法 */ // 身份证号码验证 jQuery.validator.addMethod("isIdCardNo", function(value, element) { return this.optional(element) || isIdCardNo(value); }, "请正确输入您的身份证号码"); // 字符验证 jQuery.validator.addMethod("userName", function(value, element) { return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value); }, "用户名只能包括中文字、英文字母、数字和下划线"); // 手机号码验证 jQuery.validator.addMethod("isMobile", function(value, element) { var length = value.length; return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value)); }, "请正确填写您的手机号码"); // 电话号码验证 jQuery.validator.addMethod("isPhone", function(value, element) { var tel = /^(\d{3,4}-?)?\d{7,9}$/g; return this.optional(element) || (tel.test(value)); }, "请正确填写您的电话号码"); // 邮政编码验证 jQuery.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); }, "请正确填写您的邮政编码"); $(regFrom).validate({ /* 设置验证规则 */ rules: { userName: { required: true, userName: true, byteRangeLength: [3,15] }, password: { required: true, minLength: 5 }, repassword: { required: true, minLength: 5, equalTo: "#password" }, question: { required: true }, answer: { required: true }, realName: { required: true }, cardNumber: { isIdCardNo: true }, mobilePhone: { isMobile: true }, phone: { isPhone: true }, email: { required: true, email: true }, zipCode: { isZipCode:true } }, /* 设置错误信息 */ messages: { userName: { required: "请填写用户名", byteRangeLength: "用户名必须在3-15个字符之间(一个中文字算2个字符)" }, password: { required: "请填写密码", minlength: jQuery.format("输入{0}.") }, repassword: { required: "请填写确认密码", equalTo: "两次密码输入不相同" }, question: { required: "请填写您的密码提示问题" }, answer: { required: "请填写您的密码提示答案" }, realName: { required: "请填写您的真实姓名" }, email: { required: "请输入一个Email地址", email: "请输入一个有效的Email地址" } }, /* 错误信息的显示位置 */ errorPlacement: function(error, element) { error.appendTo( element.parent() ); }, /* 验证通过时的处理 */ success: function(label) { // set as text for IE label.html(" ").addClass("checked"); }, /* 获得焦点时不验证 */ focusInvalid: false, onkeyup: false }); // 输入框获得焦点时,样式设置 $('input').focus(function(){ if($(this).is(":text") || $(this).is(":password")) $(this).addClass('focus'); if ($(this).hasClass('have_tooltip')) { $(this).parent().parent().removeClass('field_normal').addClass('field_focus'); } }); // 输入框失去焦点时,样式设置 $('input').blur(function() { $(this).removeClass('focus'); if ($(this).hasClass('have_tooltip')) { $(this).parent().parent().removeClass('field_focus').addClass('field_normal'); } }); }); jQuery.validator.addMethod("decimal", function(value, element) { var decimal = /^-?\d+(\.\d{1,2})?$/; return this.optional(element) || (decimal.test(value)); }, $.validator.format("小数位数不能超过两位!")); //自定义验证方法 检查长度小于等于100 jQuery.validator .addMethod("MaxLength100", function(value, element) { $(element).blur(function() { $(element).val($.trim($(element).val())); }); var length = value.replace(/[^\x00-\xff]/g,"**").length; return this.optional(element)|| (length <= 100); }, "请输入一个长度最多是 100 的字符串");
其他连接:http://www.cnblogs.com/weiqt/articles/2013800.html
发表评论
-
zhihu图片无法显示问题插件
2017-07-26 13:49 792知乎改成全站https后,部分图片总是无法显示。 测试了下,图 ... -
makr一个base64编码和解码的js
2013-05-22 14:27 4304可以和这个对照:mark一个base64的编码和解码工具类 h ... -
jrcode生成二维码
2013-01-30 17:09 2460官网地址:http://jeromeetienne.githu ... -
根据数字生成一维码
2013-01-30 16:33 5114jquery-barcode是个非常不错的jquery,可以生 ... -
jQuery MsgBox Plugin[转]
2012-07-16 16:24 1159jQuery MsgBox Plugin 提供四个插件方法: ... -
jqgrid属性只colmodel
2012-07-11 08:27 2483转自:http://blog.whiledo.com/arch ... -
批量设置输入框的只读属性
2011-11-17 15:45 2322时间或者选择带出的东西,都需要设置成只读,不让用户自己输入 有 ... -
表单验证,在每一个有requred类的文本框后加入“*”以提示必填项
2011-10-25 13:22 4932$("form :input.required&qu ... -
加载Google cdn jQuery库
2011-10-20 08:50 1340<script type="text/ja ... -
获取鼠标当前位置的js
2011-07-30 14:20 1310获取鼠标坐标的js,来源http://www.cnblogs. ... -
原生态的js map
2011-07-14 13:56 1246<script> var map = {}; ... -
jqgrid数据转换
2011-06-11 16:22 2281$("#grid_id").jqGri ... -
jquery只允许输入整数
2011-04-14 10:21 28141.只允许输入整数 jQuery.validator.ad ... -
生成表单json字串
2011-02-10 13:44 1373在网上找到一个生成表单的json字串的代码,记录下 < ... -
jqgrid学习记录,从外部url获取json数据
2011-01-21 13:39 14818从http://a3mao.iteye.com学习,自己做了个 ... -
jqgrid做表格
2011-01-20 17:28 2911jqgrid做表格很方便,mark一个简单的例子 < ... -
复制内容的js,通过json来实现
2011-01-20 11:27 2059复制内容的js。 需求是一个网站在收集用户的信息,内部的一个系 ... -
js表格求和
2011-01-20 10:12 4505此代码用js在客户端自动求和,具体可以根据自己的要求拓展 ... -
form嵌套问题
2011-01-19 17:07 3827form是不能嵌套的,嵌套后会导致第一个form后的数据都不能 ... -
复制粘贴的js
2011-01-03 21:49 1485<title></title> ...
相关推荐
JQuery验证框架JQuery验证框架JQuery验证框架
jquery验证框架学习教程,详细地介绍了jquery,欢迎大家下载!
jQuery验证框架jquery.validate.js说明文档 手册
jQuery验证框架学习笔记,学习jQuery很有帮助。 jQuery验证框架(一) 可选项 jQuery验证框架(二)插件方法 jQuery验证框架(三、四)选择器及实用工具
这是jQuery的一个中文验证框架,简单实用,效果好!基本上的验证都支持。
一款jQuery(jQuery.validate )验证框架帮助文档
很不错的验证框架,希望大家给点意见哦。。。。。。。。。
jquery 前端表单验证框架 简单 实用,有具体Demo实例
jquery.validate_ValidationjQuery表单验证框架
jquery验证框架 jquery验证框架 jquery验证框架
jquery验证框架学习教程,有很详细的讲解
NULL 博文链接:https://sd8089730.iteye.com/blog/1031096
Jquery表单验证框架 jquery.alphanumeric.js
jQuery.validate.js API 及其实例
jquery验证框架,formValidator4.0.1很不错的一款文本验证框架,简单易懂
很好用的jquery验证框架,带有详细的demo示例,马上就能上手使用
干脆自己写了一个jquery验证框架, 我的验证框架优势: 1:调用方便,2:代码量少,3:用户体验好。有案例哦 请查看main.html 好东西当然分享给大家. 先设置2分 因为我分数不多哦。 所以不能免积分供大家下载! O(∩_∩)...
NULL 博文链接:https://xiaoliang330.iteye.com/blog/1837466
jquery表单验证框架:jquery.validate.zip 附:中文API 文档