Jquery Validate高级定制: 传入正则表达式,传入错误消息

背景:    Jquery Validate在网上能够找到的资料都是固定一种验证方式,大家讨论的都是正则表达式如何写的问题。

在工作实践中,找到一个可以动态传入正则表达式的方法,跟大家共享下,希望能够抛砖引玉。

功能描述:

传入正则表达式,传入错误消息

详细

项目中规则都是自动定义的,当然比较简单。可以动态增加验证规则。复杂点的可以自己写正则表达式。话不多说看代码。

  1. jQuery.validator 加一个扩展
	jQuery.validator.addMethod("diyCheck",function(value,element,param){
		var abc= $(element);
		var diyRule = aa.attr(‘diyRule‘);
		var exp = new RegExp(diyRule);

   		return this.optional(element) || exp.test(value);
  	} ,$.validator.format("{0}"));

2.html写法:

<input type="text"  id="name" diyCheck="只能输入字母" diyRule="^[A-Za-z]+$" name="name" />

有待改进的是:

diyRule应同param传入方式,变成{1}不用多一个html的attr了。有大神来看看么?
时间: 2024-11-03 21:17:20

Jquery Validate高级定制: 传入正则表达式,传入错误消息的相关文章

jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示

类似的文章园子里已有,请看这里,个人感觉稍显复杂,日前也打算写一个简单的给项目用,一些关键点记录于此.最终效果如下: 后端使用Asp.net mvc5,前端框架有:jquery.validate.jquery.validate.unobtrusive.requirejs.Bootstrap,都是当前最/较新版本.jquery.validate就不用说了,目前比较流行的前端校验组件:jquery.validate.unobtrusive基于jquery.validate,是为了配合Asp.net

jquery validate.addMethod 正则表达式

$(document).ready(function () { /* 设置默认属性 */ $.validator.setDefaults( { submitHandler: function (form) { form.submit(); } } ); // 字符验证 jQuery.validator.addMethod( " stringCheck " , function (value, element) { return this .optional(element) || /

jquery validate插件高级表单验证

Validation(validate)插件提供了另一种方法来为一个表单添加验证,而不需要改变字段的HTML.此外,这个插件提供了广泛的附加选项来控制它如何工作.我们通过给validate()函数传递一个对象直接量来设置这些选项,其中包含了每个选项的单独对象.例如,要指定一条验证规则,我们包含了该规则的代码的一个对象.首先,紧跟着validation函数的第一个圆括号的后面,我们包含一个开始花括号,并且在函数的结束圆括号的前面,放置一个结束花括号. $('idOfForm').validate(

jquery.validate提示错误方法

修改jquery.validate提示错误方法,将错误信息用弹出框提示 <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script> 1 $.e

jquery validate 指定错误内容的位置

一.默认的提示 messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date."

jquery.validate,错误信息位置

好长时间没有用jquery.validate.js这个插件了,忘得差不多了.唉,好东西还是要经常拿出来看看的,今天用jquery.validate来做一个小东西,遇到一个问题,就是错误提示信息的位置问题,如果知道的话,很简单.以前遇到过,可是忘了,现在标记一下,将来在忘了,在回过头看看.俗话说的好,好记性不如烂笔头. 举个例子,大家就知道怎么回事了. 查看复制打印? rules: { name:{ required:true, rangelength:[1,20] }, validateCode

JQuery validate 在IE兼容模式下出现 js错误(成员找不到)的修正:

JQuery validate 在IE兼容模式下 下出现 js错误(成员找不到)的修正: // Add novalidate tag if HTML5. //this.attr( "novalidate", "novalidate" ); if (typeof (Worker) !== "undefined") { this.attr('novalidate', 'novalidate'); } 将第二行注释掉,换成第三行! JQuery val

表单验证——jquery validate使用说明

//validate 选项*********************************************************** $("form").validate({ debug:true //进行调试模式(表单不提交) rules:{ name:"required", //自定义规则,key:value的形式,key是要验证的元素,value可以是字符串或对象 email:{ //内置验证方式 required:true, //必填项 requ

代码笔记------jquery validate使用说明(转)

转自:http://asialee.iteye.com/blog/2001239 //validate 选项*********************************************************** $("form").validate({ debug:true //进行调试模式(表单不提交) rules:{ name:"required", //自定义规则,key:value的形式,key是要验证的元素,value可以是字符串或对象 e