整理一下常用的js校验
来源:互联网 发布:手机图片格式转换软件 编辑:程序博客网 时间:2024/05/17 02:44
先总结一下jquery.validate.min.js常见使用
1、第一种在将校验控件直接写到标签中
$(function () {$("#appForm").validate();})
<form id="appForm"><span class="L fs_16 gray">应用名称 </span><input name="name" type="text" class="L pop_inpt required" maxlength=30/><!---填写时不能填多余30--><span class="L fs_16 gray">应用描述 </span><textarea name="note" class="L pop_txt required"></textarea></div><input type="button" value="确定" /><input type="button" value="取消" /></form>
2、第二种是定义在js中
$("#editAppForm").validate({rules:{name:{required:true,maxlength:20},note:{required:true,maxlength:200}}});3、自定义错误提示(radio例子)
html
<p style="padding-left:50px;margin-bottom:96px"><span class="gray">接口名称</span><label style="margin-left:13px"><input type="radio" class="rado required" value="1" name="type"/><span>实时</span></label><label style="margin-left:10px"><input type="radio" class="rado required" value="2" name="type"/><span>批量</span></label><label for="type"></label></p>js
var validator = $("#inter_create_form").validate({rules:{name:{required:true,maxlength:20}},errorPlacement: function(error, element) {// Append error within linked label$( element ).closest( "form" ).find( "label[for='" + element.attr( "name" ) + "']" ).append( error );},errorElement: "span",});4、自定义校验规则(可以自己写一个js文件)
jQuery.validator.addMethod(“mobile”, 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));}, “手机号码格式错误!”);
是否还有特殊字符
var containSpecial = RegExp(/[(\ )(\~)(\!)(\@)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\-)(\_)(\+)(\=)(\[)(\])(\{)(\})(\|)(\\)(\;)(\:)(\')(\")(\,)(\.)(\/)(\<)(\>)(\?)(\)]+/);
return ( containSpecial.test(s) ); 判断是否含有
你只看到我在不停的忙碌,却没看到我奋进的热情;
你有你的规则,我有我的选;
你否定我的现在,我决定我的未来;
你嘲笑我只懂编码,不配享受,我可怜你被代码操纵,而不自知;
你可以轻视我的年轻,我会证明这是谁的时代!
Coding是注定痛苦的旅行,路上少不了Bug和Change,但那又怎样?哪怕通宵达旦,也要编的漂亮!
我是程序员,我为自己代言。
--------------------------------------------------------------------------下面是转别人的--validate常用自定义--------------------------------
http://blog.csdn.net/sunhuwh/article/details/24089933
//定义中文消息
var cnmsg = {
required: “必选字段”,
remote: “请修正该字段”,
email: “请输入正确格式的电子邮件”,
url: “请输入合法的网址”,
date: “请输入合法的日期”,
dateISO: “请输入合法的日期 (ISO).”,
number: “请输入合法的数字”,
digits: “只能输入整数”,
creditcard: “请输入合法的信用卡号”,
equalTo: “请再次输入相同的值”,
accept: “请输入拥有合法后缀名的字符串”,
maxlength: jQuery.format(“请输入一个长度最多是 {0} 的字符串”),
minlength: jQuery.format(“请输入一个长度最少是 {0} 的字符串”),
rangelength: jQuery.format(“请输入一个长度介于 {0} 和 {1} 之间的字符串”),
range: jQuery.format(“请输入一个介于 {0} 和 {1} 之间的值”),
max: jQuery.format(“请输入一个最大为 {0} 的值”),
min: jQuery.format(“请输入一个最小为 {0} 的值”)
};
jQuery.extend(jQuery.validator.messages, cnmsg);
Jquery Validate 验证规则
(1)required:true
(2)remote:”check.PHP”
(3)email:true
(4)url:true
(5)date:true
(6)dateISO:true
(7)number:true
(8)digits:true
(9)creditcard:
(10)equalTo:”#field”
(11)accept:
(12)maxlength:5
(13)minlength:10
(14)rangelength:[5,10]
(15)range:[5,10]
(16)max:5
(17)min:10