JQuery验证工具

一、写法一

var Validator = {

// 邮箱
isEmail : function(s) {
var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$";
return this.test(s, p);
},

// 手机号码
isMobile : function(s) {
return this.test(s, /^(180|189|133|134|153|181)\d{8}$/);
},

// 电话号码
isPhone : function(s) {
return this.test(s, /^[0-9]{3,4}\-[0-9]{7,8}$/);
},

// 邮编
isPostCode : function(s) {
return this.test(s, /^[1-9][0-9]{5}$/);
},

// 数字
isNumber : function(s, d) {
return !isNaN(s.nodeType == 1 ? s.value : s)
&& (!d || !this.test(s, '^-?[0-9]*\\.[0-9]*$'));
},

// 判断是否为空
isEmpty : function(s) {
return !jQuery.isEmptyObject(s);
},

// 正则匹配
test : function(s, p) {
s = s.nodeType == 1 ? s.value : s;
return new RegExp(p).test(s);
}

};

调用形式

if(Validator.isEmail(email)){ ... }

二、写法二,可以写成jQuery插件形式

$.Validator = {

isEmail : function(s) {

var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$";
return this.test(s, p);
},

isMobile : function(s) {
return this.test(s, /^(180|189|133|134|153|181)\d{8}$/);
},

isPhone : function(s) {
return this.test(s, /^[0-9]{3,4}\-[0-9]{7,8}$/);
},

isPostCode : function(s) {
return this.test(s, /^[1-9][0-9]{5}$/);
},

isNumber : function(s, d) {
return !isNaN(s.nodeType == 1 ? s.value : s)
&& (!d || !this.test(s, '^-?[0-9]*\\.[0-9]*$'));
},

isEmpty : function(s) {
return !jQuery.isEmptyObject(s);
},

test : function(s, p) {
s = s.nodeType == 1 ? s.value : s;
return new RegExp(p).test(s);
}

};

调用方式

if($.Validator.isEmail(email)){ ... }

原帖地址:http://blog.csdn.net/dyllove98/article/details/8860387

时间: 2024-10-03 04:09:18

JQuery验证工具的相关文章

JQuery验证工具类搜集整理_jquery

复制代码 代码如下: var Validator = { // 邮箱 isEmail : function(s) { var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$"; return this.test(s, p); }, // 手机号码 isMobile : functio

jQuery验证插件

学习要点: 1.使用 validate.js 插件 2.默认验证规则 3.validate()方法和选项 4.validate.js 其他功能 验证插件(validate.js),是一款验证常规表单数据合法性的插件.使用它,极大的解放了在表单上繁杂的验证过程,并且错误提示显示的完善也增加了用户体验.   一.使用 validate.js 插件 官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation最重要的文件是vali

14款免费验证工具

验证工具更主要的目的是为了发现错误并修正它们,本文为你介绍14款免费的RSS.CSS和HTML验证工具. 不管是CSS验证,HTML验证还是RSS验证工具,我们都不应该为了验证而验证.验证工具更主要的目的是为了发现错误并修正它们.本文为你介绍14款免费的RSS.CSS和HTML验证工具. Firefox插件 CSS 验证器 提供到W3C CSS验证器的易用链接,你可以通过右键的上下文菜单或者工具菜单来进行访问. Firebug Firebug是 一个功能齐全的调试器和编辑器,使用它你可以开发单页

ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现

在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后,我们来介绍ASP.NET MVC是如何利用它实现客户端验证的.服务端验证最终实现在相应的ModelValidator中,而最终的验证规则定义在相应的ValidationAttribute中:而客户端验证规则通过HtmlHelper<TModel>相应的扩展方法(比如TextBoxFor.EditorFor和EdidtorForModel等)出现在生成的被验证HTML元素中.毫无疑问,服务端验证和客

用jquery验证电话号码

var isMobile=/^(?:13d|15d)d{5}(d{3}|*{3})$/; var isPhone=/^((0d{2,3})-)?(d{7,8})(-(d{3,}))?$/; if(!isMobile.test(需要验证的值) && !isPhone.test(需要验证的值)){ alert("请正确填写电话号码,例如:13415764179或0321-4816048"); return false; } <script> //var str

推荐13个网页设计浏览器兼容验证工具

是否在为了验证某个浏览器兼容而下载了所有了网页浏览器?是否为了修复某个不兼容代码而搞得头破血流?工欲善其事,必先利其器,这里Dream为大家推荐13个网页设计浏览器兼容工具,请你轻松搞定浏览器兼容问题. HTML和CSS验证 首先让我们先看一看检查验证HTML与CSS的方法.我应该说到的是由于我在MAC上工作,会略微偏向于MAC.不要担心,仍然有许多平台独立解决方案的. 除了验证你的文件以外,你也应该很好的格式化自己的代码"HTML/CSS格式化实例与提示"是有关此类主题的文章. 1.

jquery验证手机号码、邮箱格式是否正确示例代码

本文为大家介绍下使用jquery验证邮箱.验证手机号码,具体实现思路及代码如下,感兴趣的朋友可以学习下   复制代码 代码如下: //jquery验证邮箱 function checkSubmitEmail() { if ($("#email").val() == "") { //$("#confirmMsg").html("<font color='red'>邮箱地址不能为空!</font>"); a

jQuery验证插件validation使用指南

  jquery.validation.js在前端验证中使用起来非常方便,提供的功能基本上能满足大部分验证需求,下面我们就来仔细研究下这款jQuery插件的具体使用方法. 在网站开发过程中,有时我们需要验证用户输入的信息是否符合我们的要求,所以我们会对用户提交的数据进行验证.验证分两次进行,一次是在客户端,一次是在服务端.客户端的验证可以提升用户的体验. jquery验证插件有很多,实现的功能也基本相同.本文介绍的只是jquery验证插件中的一种jquery.validate jquery.Va

jQuery验证元素是否为空的两种常用方法

 这篇文章主要介绍了jQuery验证元素是否为空的两种常用方法,实例分析了两种常用的判断为空技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery验证元素是否为空的两种常用方法.分享给大家供大家参考.具体如下: 下面提供了两种方法用于检查指定id的元素的内容是否为空 ? 1 2 3 4 5 6 7 8 9 // 方法一 if (!$('#jb51').html()) { //http://www.jb51.net 什么都没有找到; }   // 方法二 if ($('#