jquery validate 动态增加删除验证规则(转载)
页面加载完成初始化form validate
$("#user_regForm").validate({
errorPlacement: function(error, element){
if(element.attr("id")=="province"||element.attr("id")=="city"||element.attr("id")=="area"){
var error_td = element.parent().parent('dd').next();
}else{
var error_td = element.parent('dd').next();
}
error_td.html("");
error_td.append(error);
element.addClass("user_regNok");
},
error:function(label,element){
element.addClass("user_regNok");
},
success : function(label,element){
label.addClass('reg_validate_right').text('');
element.removeClass("user_regNok");
},
submitHandler:function(form){
console.info("submit:"+$(form).serializeArray());
form.submit();
},
onkeyup: false,
rules : {
username:{
required:true,
alipay:true,
remote : {
url :'index.php?mod=ajax&act=check_user',
type:'post',
data:{
username : function(){
return $('#username').val();
}
}
}
},
password : {
required : true,
rangelength:[6,20]
},
password_confirm : {
required : true,
equalTo : '#password'
},
captcha:{
required : true,
maxlength:4,
remote : {
url :'index.php?mod=ajax&act=check_captcha',
type:'post'
}
}
},
messages : {
username:{
alipay:"输入电子邮箱或手机号码",
remote:"用户名已存在"
},
password : {
required : '您必须提供一个密码',
rangelength: '密码长度应在6-20个字符之间'
},
password_confirm : {
required : '您必须再次确认您的密码',
equalTo : '两次输入的密码不一致'
},
captcha:{
required : "请输入验证码",
maxlength:"输入4位验证码",
remote:"验证码错误"
}
}
});
后期比如像增加某些表单的验证规则
var add_user_validate=function(){
console.info("add_user_validate");
remove_user_validate();
$("#province").rules("add",{required:true,min:0,messages:{min:"请选择省份"}});
$("#city").rules("add",{required:true,min:0,messages:{min:"请选择城市"}});
$("#area").rules("add",{required:true,min:0,messages:{ min:"请选择区域"}});
$("#sjhztype").rules("add",{required:true,min:0,messages:{ min:"请选择合作类型"}});
$("#realname").rules("add",{required:true});
$("#tel").rules("add",{required:true,mobile:0});
$("#shopname").rules("add",{required:true});
}
后来又因为什么原因不详以上元素需要验证
可以删除规则
var remove_user_validate=function(){
console.info("remove_user_validate");
$("#province").rules("remove");
$("#city").rules("remove");
$("#area").rules("remove");
$("#sjhztype").rules("remove");
$("#realname").rules("remove");
$("#tel").rules("remove");
$("#shopname").rules("remove");
}
ok!!
jquery validate 动态增加删除验证规则(转载)的更多相关文章
- jquery validate 动态增加删除验证规则
增加规则示例: $('.class').rules('add',{ required: true, messages:{ required: '这是必填,请填写', } }); 删除规则示例: $(' ...
- Jquery Validate表单验证,动态添加和删除验证规则
最近一直在忙着维护Jquery的商城,用到了Validate的表单验证,觉得很有意思,就纪录一下. // 动态添加验证规则 $("#invoice_send_region_id") ...
- jquery validate 动态生成的多个同名input的验证
我的应用场景是,添加和修改入库单的明细,明细是以表格的形式呈现,可以动态添加商品,用jquery.validate插件做数据验证. 由于jquery.validate插件验证同名的input时只验证第 ...
- Jquery.validate.js表单验证插件的使用
作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...
- jquery.validate.js表单验证
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...
- 基于Jquery Validate 的表单验证
基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Vali ...
- .net MVC内置js验证 jquery.validate.unobtrusive.js重置验证操作(备忘,找了很多次了)
(function ($) { $.validator.unobtrusive.parseDynamicContent = function (selector) { //use the normal ...
- 异步提交form的时候利用jQuery validate实现表单验证
异步提交form的时候利用jQuery validate实现表单验证相信很多人都用过jquery validate插件,非常好用,并且可以通过下面的语句来自定义验证规则 // 电话号码验证 ...
- 【转】jquery.validate.js表单验证
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...
随机推荐
- sqlite效率探测
在编译后当然就是使用sqlite,贸贸然去测试了一下创建数据库,插入数据,仅几条数据,发现,真不错的数据库,后来把数据量提高到10000的 时候,发现,怎么这么慢,后来自己都受不了,网上一查,原来是如 ...
- Visio绘制用例图问题集锦
1.Visio画UML用例图没有include关系的解决方法 发现Visio UML用例里面找不到include关系,即"箭头"+"<<include> ...
- flannel 网络问题排查
1. 如果你发现 k8s容器无法访问外网? 重启docker 原因是,docker重启后会重新生成网桥.网络不通的原因是flannel启动后生成的网络覆盖了docker的网络,当你重启docker后, ...
- WebSphere--会话跟踪
Web应用服务器具有会话跟踪(即跟踪用户请求)的功能.使用管理器的"会话跟踪"页面配置会话跟踪.会话跟踪程序可将同一用户的几个相关请求合并为单个会话(即一个 HttpSession ...
- 重新认识AWS
Amazon Web Services早期logo: 现在的logo: 一.背景Amazon Web Services,简称AWS.目前世界第一大云计算厂商,AWS 云在全球 18 个地理地区内运营着 ...
- yum升级mysql
已安装mysql升级 升级mysql到5.6:下载源wget http://repo.mysql.com/mysql-community-release-el6-5.noarch.rpm安装源:rpm ...
- hdu3507 Print Article
Print Article Time Limit: 9000/3000 MS (Java/Others) Memory Limit: 131072/65536 K (Java/Others) P ...
- Java中的try catch finaly先后调用顺序
自我总结,有什么不足或好的方案,希望大家给予纠正,感激不尽! 目的:try catch finaly的顺序执行,和大家复习一遍. 方法:debug来确认执行顺序.(需要引入junit包) 废话不多说, ...
- 【Java】泛型学习笔记
参考书籍 <Java核心技术:卷1> 泛型, 先睹为快 先通过一个简单的例子说明下Java中泛型的用法: 泛型的基本形式类似于模板, 通过一个类型参数T, 你可以"私人定制&qu ...
- 《.NET 设计规范》第 4 章:类型设计规范
第 4 章:类型设计规范 4.1 类型和命名空间 要用命名空间把类型组织成一个由相关的功能区所构成的层次结构中. 避免非常深的命名空间层次.因为用户需要经常回找,所以这样的层次浏览起来很困难. 避免有 ...