大致结构是:

<script type="text/javascript" src="<%=path %>/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=path %>/js/jquery.validate.min.js"></script>

<script>

$(function(){
jQuery.validator.addMethod("string", function(value, element) {
return this.optional(element) || !(/\<|\>|\'|\"|\\/g.test(value));
}, "不允许包含特殊字符!");

jQuery.validator.addMethod("isBlank", function(value, element) {
return $.trim(value) != ''
}, "必填!");

// 表单验证
var vForm = $("#form_SMS").validate({
rules : {
'account' : {
isBlank: true,
},
'passwd' : {
isBlank: true,
},
'signature' : {
isBlank: true,
},
'totalSendLimit' : {
digits: true,
},
'dailyMaxSend' : {
digits: true,
},
'memberDailyMaxRecv' : {
digits: true,
max: 99
},
'memberDailyMaxRepl' : {
digits: true,
max: 9
},
'captchaTempletNo' : {
isBlank: true,
},
'testSMSTempletNo' : {
isBlank: true,
}
},
messages : {
'account' : {
isBlank : "必填",
},
'passwd' : {
isBlank : "必填",
},
'signature' : {
isBlank : "必填",
},
'totalSendLimit' : {
digits : "请输入整数!",
},
'dailyMaxSend' : {
digits : "请输入整数!",
},
'memberDailyMaxRecv' : {
digits : "请输入整数!",
max: "输入值不能大于 99!",
},
'memberDailyMaxRepl' : {
digits : "请输入整数!",
max: "输入值不能大于 9!",
},
'captchaTempletNo' : {
isBlank : "必填",
},
'testSMSTempletNo' : {
isBlank : "必填",
}
}
});

</script>

其中,“string” “isBlank ”是自己扩展的方法。方法定义后,在规则中就能被使用。

这里像account都是input的name值,与id值无关。如果验证失效了,应该就是name值发生改变了。

jQuery Validate验证(项目中使用的)的更多相关文章

  1. 弹出框页面中使用jquery.validate验证控件

    弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...

  2. jQuery Validate验证框架详解

    转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ...

  3. 【转】jQuery Validate验证框架详解

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  4. jQuery Validate验证框架详解(转)

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  5. jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用

    jQuery Validate验证框架自定义验证 第一步导入导入js库 <script src="<%=basePath%>static/js/jquery.js" ...

  6. 修改jQuery.validate验证方法和提示信息

    1.添加验证方法 在jquery.validate.js文件中直接添加验证方法,例如: jQuery.validator.addMethod("Specialstring", fu ...

  7. atitit.jQuery Validate验证框架详解与ati Validate 设计新特性

    atitit.jQuery Validate验证框架详解与ati Validate 设计新特性 1. AtiValidate的目标1 2. 默的认校验规则1 2.1. 使用方式 1.metadata用 ...

  8. jQuery Validate验证框架详解(jquery.validate.min.js)

    原博客 jQuery Validate验证框架详解 jQuery校验官网地址:https://jqueryvalidation.org/ 一.导入js库 <script type="t ...

  9. JQuery validate验证规则

    //定义中文消息 var cnmsg = { required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, d ...

  10. jquery.validate 验证机制

    jquery.validate 验证机制 金刚 juqery juqery.validate 在开发系统时,使用了jquery.validate.js 这个验证插件,来校验数据合法性 重点 验证是以i ...

随机推荐

  1. Vue学习之路第十五篇:v-if和v-show指令

    1.v-if和v-show都是用来实现条件判断的指令. 2.先看代码 <body> <div id="app"> <button @click=&qu ...

  2. 获取某个参数的值 value

    Window("Flight Reservation").WinEdit("Order No:").Output CheckPoint("Order ...

  3. yii 表单小部件使用

    首先创建model层 因为要使用表单小部件 所以要加载相应的组件 这里需要的组件有 yii\widgets\ActiveForm 和 yii\helpers\Html 接下来在model定义的clas ...

  4. iterator遍历list理解

    1.iterator的next()方法返回值,就是你指定的iiterator<>泛型.所以你再强制转换,就可以得到list里的item了,直接是item对象了. 2.list这东西,你ne ...

  5. 多线程程序调用fork的现象

  6. 树莓派 rtl8188eu 芯片wifi驱动

    总算是找到了.现拿出来分享.參考地址:https://www.raspberrypi.org/forums/viewtopic.php? p=462982#p462982 下载的地址是:https:/ ...

  7. Codeforces Round #260 (Div. 1) 455 A. Boredom (DP)

    题目链接:http://codeforces.com/problemset/problem/455/A A. Boredom time limit per test 1 second memory l ...

  8. 怎样使用 CCache 进行 cocos2d-x 编译加速

    https://github.com/chukong/cocos-docs/blob/master/manual/framework/native/v3/ccache-speed-up/zh.md C ...

  9. (LeetCode)二叉树中和为某一值的路径

    原体例如以下: Given a binary tree and a sum, determine if the tree has a root-to-leaf path such that addin ...

  10. Codeforces Round #316 (Div. 2)E. Pig and Palindromes DP

    E. Pig and Palindromes   Peppa the Pig was walking and walked into the forest. What a strange coinci ...