智能验证的jquery插件代码

/// <reference path="../scripts/jquery-1.4.1-vsdoc.js" />
//验证方法 v1.0,创建于2010-12-9 完成2010-12-16 mr.x 制
//修改2010-12-10、2010-12-12、2010-12-15、2010-12-16添入信息提示动画效果
//支持 type=text type=checkbox type=radio select 标签验证
//vld="***"必填 格式验证
//vld="n***"选填 格式验证
//err="***"错误显示内容
//super="y"用<span>追加提示信息,要用y以外字母得修改同级一组验证,同级一组的标签可以在第一个标签进行super="y"属性标识,其它不用
//len="***"长度限制,用于textarea标签
//<input id="***" type="text" vld="***" err="***" span="***" len="***"/>
$(function () {
//正则匿名对象
var strregex = {};
//错误信息匿名对象
var strerror = {};
//正确信息匿名对象
var strright = {};
/** 参数配置 start **/
//非空
strregex.nonull = /[^s]+/;
strerror.nonull = "请填写内容,如123、中国!";
//邮箱
strregex.email = /^([a-za-z0-9_-])+@([a-za-z0-9_-])+((.[a-za-z0-9_-]{2,3}){1,2})$/;
strerror.email = "请核对邮箱格式,如china@163.com!";
//网址
strregex.url = /^http://[a-za-z0-9]+.[a-za-z0-9]+[/=?%-&_~`@[]':+!]*([^""])*$/;
strerror.url = "请核对网址格式,如http://www.111cn.net!";
//账号
strregex.an = /^([a-za-z0-9]|[_]){6,16}$/;
strerror.an = "请核对账号格式,如china_56!";
//数字
strregex.math = /d+$/;
strerror.math = "请核对数字格式,如1234!";
//年龄
strregex.age = /^d{2}$/;
strerror.age = "请核对年龄格式,10~99岁之间!";
//邮编
strregex.post = /^[1-9]d{5}$/;
strerror.post = "请核对邮编格式,如150001!";
//电话
strregex.phone = /^((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})))$/;
strerror.phone = "请核对电话格式,如15546503251!";
//身份证
strregex.card = /^(([1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])((d{4})|d{3}[x,x]))|([1-9]d{5}[1-9]d{1}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])(d{3})))$/;
strerror.card = "请核对身份证格式,如230103190001010000!";
//金钱
strregex.price = /^([1-9]d*|0)(.d+)?$/;
strerror.price = "请核对金钱格式,如99.98!";
//日期
strregex.date = /((^((1[8-9]d{2})|([2-9]d{3}))([-/._])(10|12|0?[13578])([-/._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]d{2})|([2-9]d{3}))([-/._])(11|0?[469])([-/._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]d{2})|([2-9]d{3}))([-/._])(0?2)([-/._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-/._])(0?2)([-/._])(29)$)|(^([3579][26]00)([-/._])(0?2)([-/._])(29)$)|(^([1][89][0][48])([-/._])(0?2)([-/._])(29)$)|(^([2-9][0-9][0][48])([-/._])(0?2)([-/._])(29)$)|(^([1][89][2468][048])([-/._])(0?2)([-/._])(29)$)|(^([2-9][0-9][2468][048])([-/._])(0?2)([-/._])(29)$)|(^([1][89][13579][26])([-/._])(0?2)([-/._])(29)$)|(^([2-9][0-9][13579][26])([-/._])(0?2)([-/._])(29)$))/;
strerror.date = "请核对日期格式,如1999.9.9、1999-9-9、1999.09.09!";
//时间
strregex.time = /^([0-9]|[0-1][0-9]|[2][0-3])(:|:)([0-5][0-9])$/;
strerror.time = "请核对时间格式,如23:59!";
strerror.length = "请核对输入信息长度,长度小于";
strright.info = "格式正确!"; //可以设置为空
//下拉框
strregex.ddl = "请选择";
strerror.ddl = "请选择选项";
//单个checkbox复选框
strregex.check = "请选择";
strerror.check = "请选择选项";
//单个radio复选框
strregex.radio = "请选择";
strerror.radio = "请选择选项";
//同级一组checkbox复选框
strregex.checkgroup = "请选择";
strerror.checkgroup = "请选择选项";
//同级一组radio复选框
strregex.radiogroup = "请选择";
strerror.radiogroup = "请选择选项";
//在标签后面追加信息
var spanerror = "<span class='vldspanerr'><img src='" + filepath() + "images/error.gif' /></span>";
var spanok = "<span class='vldspanrig'><img src='" + filepath() + "images/ok.gif' /></span>";
/** 参数配置 end **/
/** main **/
//文件目录,回返最顶级目录 ../
function filepath() {
var file = "";
var path = window.location.pathname.split('/');
$(path).each(function () {
file = "../" + file;
});
return file;
}
//页验证自检
$("#form1 [vld]").blur(function () {
regexgether($(this));
});
//验证处理集合
function regexgether($ctrl) {
switch ($ctrl.attr("vld")) {
case "nonull":
regexnull($ctrl);
break;
case "age":
regexinputtextall($ctrl, strregex.age, strerror.age);
break;
case "nage":
regexinputtextonly($ctrl, strregex.age, strerror.age);
break;
case "date":
regexinputtextall($ctrl, strregex.date, strerror.date);
break;
case "ndate":
regexinputtextonly($ctrl, strregex.date, strerror.date);
break;
case "price":
regexinputtextall($ctrl, strregex.price, strerror.price);
break;
case "nprice":
regexinputtextonly($ctrl, strregex.price, strerror.price);
break;
case "email":
regexinputtextall($ctrl, strregex.email, strerror.email);
break;
case "nemail":
regexinputtextonly($ctrl, strregex.email, strerror.email);
break;
case "post":
regexinputtextall($ctrl, strregex.post, strerror.post);
break;
case "npost":
regexinputtextonly($ctrl, strregex.post, strerror.post);
break;
case "card":
regexinputtextall($ctrl, strregex.card, strerror.card);
break;
case "ncard":
regexinputtextonly($ctrl, strregex.card, strerror.card);
break;
case "time":
regexinputtextall($ctrl, strregex.time, strerror.time);
break;
case "ntime":
regexinputtextonly($ctrl, strregex.time, strerror.time);
break;
case "math":
regexinputtextall($ctrl, strregex.math, strerror.math);
break;
case "nmath":
regexinputtextonly($ctrl, strregex.math, strerror.math);
break;
case "url":
regexinputtextall($ctrl, strregex.url, strerror.url);
break;
case "nurl":
regexinputtextonly($ctrl, strregex.url, strerror.url);
break;
case "an":
regexinputtextall($ctrl, strregex.an, strerror.an);
break;
case "nan":
regexinputtextonly($ctrl, strregex.an, strerror.an);
break;
case "phone":
regexinputtextall($ctrl, strregex.phone, strerror.phone);
break;
case "nphone":
regexinputtextonly($ctrl, strregex.phone, strerror.phone);
break;
case "ddl":
regexselect($ctrl);
break;
case "check":
regexinputcheckboxradioonly($ctrl, strerror.check);
break;
case "radio":
regexinputcheckboxradioonly($ctrl, strerror.radio);
break;
case "checkgroup":
regexinputcheckboxradioall($ctrl, strerror.checkgroup);
break;
case "radiogroup":
regexinputcheckboxradioall($ctrl, strerror.radiogroup);
break;
}
}
//标签内容空验证
function regexnull($ctrl) {
if (strregex.nonull.test($ctrl.val())) {
return regexlen($ctrl);
}
else {
error($ctrl, strerror.nonull);
return false;
}
}
//验证多个同级一组input(type=radio)标签 或 input(type=checkbox)标签
function regexinputcheckboxradioall($ctrl, error) {
if ($ctrl.parent().children(":checked").length == 0) {
if ($ctrl.parent().children().attr("super")) {
//同级标签中可能会有多个[super='y']存在,只取一个,用return false;控制,执行一次就从循环体中跳出
$ctrl.parent().children("[super='y']").each(function () {
error($(this), error);
return false;
});
}
else {
//同级一组标签一起报错
$ctrl.parent().children("[type='" + $ctrl.attr("type") + "']").each(function () {
error($(this), error);
});
}
return false;
}
else {
if ($ctrl.parent().children().attr("super")) {
$ctrl.parent().children("[super='y']").each(function () {
ok($(this));
return false;
});
}
else {
$ctrl.parent().children().each(function () {
ok($(this));
});
}
return true;
}
}
//验证单个input(type=radio)标签 或 input(type=checkbox)标签
function regexinputcheckboxradioonly($ctrl, error) {
if (!$ctrl.attr("checked")) {
error($ctrl, error);
return false;
}
else {
ok($ctrl);
return true;
}
}
//select标签,选项验证
function regexselect($ctrl) {
if ($ctrl.val() == strregex.ddl) {
error($ctrl, strerror.ddl);
return false;
}
else {
ok($ctrl);
return true;
}
}
//标签允许为空内容格式验证,type=text标签验证
function regexinputtextonly($ctrl, regex, error) {
//先验证标签是否为空
if (strregex.nonull.test($ctrl.val())) {
return regexotherformat($ctrl, regex, error);
}
else {
ok($ctrl);
return true;
}
}
//标签不允许为空内容格式验证,type=text标签验证
function regexinputtextall($ctrl, regex, error) {
//先验证标签是否为空
if (strregex.nonull.test($ctrl.val())) {
return regexotherformat($ctrl, regex, error);
}
else {
error($ctrl, error);
return false;
}
}
//标签内容格式验证
function regexotherformat($ctrl, regex, error) {
if (regex.test($ctrl.val())) {
return regexlen($ctrl);
}
else {
error($ctrl, error);
return false;
}
}
//textarea标签长度验证
function regexlen($ctrl) {
//标签中是否有len属性
if ($ctrl.attr("len")) {
var error = strerror.length + $ctrl.attr("len") + "字!";
if (parseint($ctrl.val().length) > parseint($ctrl.attr("len"))) {
error($ctrl, error);
return false;
}
}
ok($ctrl);
return true;
}
//格式验证错误显示
function error($ctrl, error) {
//标签中有err属性,根据属性内容填入title中
if ($ctrl.attr("err")) {
error = $ctrl.attr("err");
}
if ($ctrl.attr("super")) {
//具有super属性标签追加span
$ctrl.parent().find("span").remove();
$ctrl.parent().append(spanerror);
$ctrl.parent().find("span").append(error);
$ctrl.parent().find("span").fadeto("slow", 0.66);
}
else {
//追加到title属性中
$ctrl.attr("title", error);
$ctrl.addclass("error");
}
}
//格式验证无误,清除错误样式
function ok($ctrl) {
//去除可以存在的错误样式
if ($ctrl.attr("super")) {
$ctrl.parent().find("span").remove();
}
else {
$ctrl.removeclass("error");
}
if ($.trim($ctrl.val()).length > 0) {
var right = strright.info;
//检查标签中是否有rig属性
if ($ctrl.attr("rig")) {
right = $ctrl.attr("rig");
}
//添加正确提示信息
if ($ctrl.attr("super")) {
$ctrl.parent().append(spanok);
$ctrl.parent().find("span").append(right);
$ctrl.parent().find("span").fadeto("slow",0.99).fadeto("slow",0.99).fadeto("slow",0);
}
else {
$ctrl.attr("title", right);
}
}
}
//提交自检
$("#vldbtn").click(function () {
$("#form1 [vld]").each(function () {
regexgether($(this));
});
//检查标签中样式是否有error
if ($("#form1 [vld][class='error']").length > 0) {
return false;
}
else {
return true;
}
});
});

时间: 2024-12-27 23:01:14

智能验证的jquery插件代码的相关文章

jquery 插件实现多行文本框[textarea]自动高度

 这篇文章主要介绍了jquery 插件实现多行文本框[textarea]自动高度,需要的朋友可以参考下     实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件   代码如下: <div class="form-group"> <label class=&quo

超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具

日期:2012-10-15  来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现.这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率. 使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,

jquery插件制作 表单验证实现代码_jquery

先下页面代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>&l

Jquery插件easyUi表单验证提交

 本篇文章主要是对Jquery插件easyUi表单验证提交的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <form id="myForm" method="post">   <table align="center" style="width:400px;height:auto;margin-top: 20px">            <tr>    

jquery插件bootstrapValidator数据验证详解_javascript技巧

因为项目需要数据验证,看bootstrapValidator 还不错,就上手一直,完美兼容,话不多说. bootstrap:能够增加兼容性的强大框架. 需要引用css: bootstrap.min.css bootstrapValidator.min.css js: jquery-1.10.2.min.js bootstrap.min.js bootstrapValidator.min.js (下载实例) 以上这些都是必须的. 先上个简单的例子,只要导入相应的文件可以直接运行: <!DOCTYP

jQuery插件学习教程之SlidesJs轮播+Validation验证_jquery

SlidesJs(轮播支持触屏)--官网(http://slidesjs.com) 1.简介 SlidesJs是基于Jquery(1.7.1+)的响应幻灯片插件.支持键盘,触摸,css3转换. 2.代码 <!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style> <script src="http:/

jQuery插件Validation快速完成表单验证的方式_jquery

JQuery的Validation插件可以到http://plugins.jquery.com/上去下载.今天来分享一下,关于这个插件的使用. 简易使用 这第一种方式可谓是傻瓜式的使用,我们只需要按照validation定义好的规则就可以了.  •首先引入JQuery库和Validation插件: <script type="text/javascript" src="jquery-2.2.4.min.js"></script> <sc

快速学习jQuery插件 jquery.validate.js表单验证插件使用方法_jquery

最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填.数字.Email.URL和信用卡号码等19类内置验证规则 2.自定义验证规则: 可以很方便地自定义验证规则 3.简单强大的验证

jquery插件制作 自增长输入框实现代码_jquery

首先还是看html代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title&