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 ...
随机推荐
- 量化投资与Python之pandas
pandas:数据分析 pandas是一个强大的Python数据分析的工具包.pandas是基于NumPy构建的. pandas的主要功能具备对其功能的数据结构DataFrame.Series集成时间 ...
- js_8_dom标签
创:9_3_2017 星期4 修: 对于在a标签中,如何阻止跳转? 定义一个事件,事件顺序执行后才执行跳转,如果事件函数返回false,则后面事件就不触发 事件1 = "return 函数 ...
- ECLIPS-S测井系统下的仪器挂接 [TCC模块]
1. 环境 HPUX版本:11.23 Complete Image ECLIPS版本:Rel 5.1i 2. 效果图 3. 用途 为以后在此系统中挂接新仪器打下坚实的基础. 4. 参考资料 ECLIP ...
- List迭代过滤操作注意点
今天在写一段很简单的代码,本来以为肯定没什么问题,然后直接跑的时候,吆,简单的一个List的操作报错了.仔细一看代码,确实有问题,但是一般真的是如果稍微不小心就会犯下面这种愚蠢的操作. 这里我把代码贴 ...
- Linux使用top与free命令查看CPU与内存使用情况
top命令: 显示内容解释: 第一行top分别为:当前时间:系统运行天数:使用者个数:系统负载的平均值,后面的三个值分别为1分钟前.5分钟前.15分钟前进程的平均数,这个数值超过 CPU 数目时,说明 ...
- Calendar使用方法
Calendar类的静态方法getInstance()可以初始化一个日历对象: Calendar now = Calendar.getInstance(); 可以使用下面三个方法把日历定到任何一个时间 ...
- C# 值类型,引用类型区别
值类型/引用类型 作为所有类型的基类,System.Object提供了一组方法,这些方法在所有类型中都能找到,其中包含toString方法及clone等方法. 引用类型和值类型都继承自System.O ...
- 123 A. Prime Permutation
链接 http://codeforces.com/contest/123/problem/A 题目 You are given a string s, consisting of small Lati ...
- Linux系统中常用操作命令
常用指令 ls 显示文件或目录 -l 列出文件详细信息l(list) -a 列出当前目录下所有文件及目录,包括隐藏的a(all)mkdi ...
- GO开发[六]:golang反射(reflect)
反射 反射:可以在运行时动态获取变量的相关信息 Import ("reflect") reflect.TypeOf,获取变量的类型,返回reflect.Type类型 refle ...