JAVASCRIPT验证用户指南

Javascript验证

北京中认网信息技术有限公司

修订历史记录日期版本说明作者目录

123简介...................................................................................................................................................4JAVASCRIPT验证函数..................................................................................................................4自动验证功能...................................................................................................................................53.13.24使用CLASS...............................................................................................................5使用脚本定义验证..................................................................................................6自定义扩展.......................................................................................................................................84.14.2添加新校验..............................................................................................................8重写消息提示信息..................................................................................................85附录：支持的验证规则.................................................................................................................91简介

目前框架提供javascript验证函数。也提供自动验证功能。

2Javascript验证函数

目前框架提供了

functioncheck(){if($.isEmail($('#email').val())){}alert('是email');if(!$.isEmpty($('#empty').val())){}alert('不是空');if($.isDigit($('#digit').val())){}alert('是数字');if($.isNumber($('#number').val())){}alert('是十进制数字');if($.isURL($('#url').val())){}alert('是url');if($.isInRange($('#range').val(),1,10)){}alert('是inRange');if(!$.isLessThanMax($('#max').val(),10)){}alert('大于最大值');if($.isGreaterThanMin($('#min').val(),1)){}alert('是大于最小值');if($.isEqualTo($('#equalTo').val(),10)){}alert('是等于');if($.isMobile($('#mobile').val())){}alert('是手机');if($.isTel($('#tel').val())){}alert('是电话');if($.isCurrency($('#currency').val())){}alert('是money');if($.isIDCard($('#idCard').val())){}alert('是身份证');if($.isInteger($('#integer').val())){}alert('是整数');if($.isAlphaNumber($('#alphaNumber').val())){}alert('是字母数字');if($.isAlpha($('#alpha').val())){}}alert('是字母');returnfalse;3自动验证功能

框架使用jQueryValidationPlugin做验证框架，在它基础上做了扩展。在页面上输入以下信息

<%@taglibprefix=\"jq\"uri=\"/cafJqueryTags\"%>第一行引入框架对jquery封装的标签；第二行引入验证脚本文件。页面将自动加载验证脚本，可以支持以下两种形式的验证。

3.1

使用class

可以直接使用class添加验证：

$(\"#bixie\").validate();$(document).ready(function(){});

如果想自定义消息，可以按下面的样式写：

邮编：

class=\"{validate:{required:true,zip:true,messages:{required:'请输入！',zip:'我要的是邮编!'}}}\"这里的意思是：添加两个校验，一个是必填，一个是必须是邮政编码，如果没有填写，则弹出错误消息“请输入”，如果输入的信息不是邮编则弹出“我要的是邮编”

注：在class定义后可继续添加别的对input定义的class名字，改变input样式，这样做对其校验功能没有影响。

3.2

使用脚本定义验证

可通过脚本设置表单验证的规则和出错信息。推荐使用这种方法，因为

其明确，可读性强，不影响form表单的格式，不占用class属性。示例如下：