`
xiaoyu211940
  • 浏览: 6073 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery简单扩展性非常强的验证小插件

    博客分类:
  • web
阅读更多
首页上看到一个js验证  地址忘了等下找找看
没怎么看到代码.如果做的好看的话,分享一下自己js验证的半成品插件
本人比较懒 所以验证的只是放上了必选和数字的验证 ..  扩展非常简单
简单使用   传入json对象至$.validate中就可以了
  var result = $.validate({ 
        required : ['name' , '名称'] , 
	number : [['money1' , '金额1'],['money2' , '金额2']]
 });	

这个实例只是拿来用,里面集成的规则     

个人定制化验证弹出所有验证错误消息 ,

 $.validator.setting({
    tooltip: function(message){		
	$(this).css({'border-color' : 'blue'});         //错误提示定位 ...
    } ,
    message : function(messages){
	 alert('出现错误信息:' + messages.join(' '));    //所有错误消息美化
    }
   });

   var result = $.validate({ 
	required : ['name1' , '名称' , function(key){         //这个function定制所选的html对象
	    return $('.' + key);
	}] 
   });	


动态添加自定义验证规则  也可以将默认的规则冲掉
	var callRule = function(){
		return $(this).val() == '' || $(this).val() != 3;
	};

	$.validator.add('notE' , callRule , '{0}不能等于3' );
	var arrays = ['name2' , '名称' , function(key){
			return $('.' + key);
		}] ;

	var result = $.validate({ 
		integer : arrays ,
		notE : arrays
	});	


基本上所有的你能够用的结构都可以动态的修改
也可以自己修改jquery-validate.js这个里面的东西
很多时候一些验证的东西没办法符合自己的要求,
修改起来就简单多了..
希望大家喜欢这个小插件


其实这个jquery验证插件,添加规则机制模仿了别人的具体的忘记啦
错误消息进行了集中处理
这个看个人喜好了





分享到:
评论

相关推荐

    表单验证jquery插件

    jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...

    jquery表单验证插件

    jQuery Form插件由Malsup开发,是一款非常实用的jQuery扩展,能够极大地简化表单的Ajax提交过程。它不仅提供了一套完整的API来管理表单数据,还支持复杂的表单验证与文件上传等功能。 ##### 2.1 主要特性 - **Ajax...

    jquery验证插件!

    1. **易用性**:jQuery验证插件最大的优点是其简单易用的API。开发者无需预先编写HTML提示信息,而是通过JavaScript代码动态设置验证规则和错误消息。 2. **灵活性**:该插件支持多种验证规则,如非空、邮箱格式、...

    通用表单验证Jquery插件.rar

    Jquery插件的优势在于它们的可扩展性和灵活性,开发者可以方便地自定义验证规则,或者与其他Jquery库和插件结合使用。对于大型项目,插件的复用性和维护性也是重要的考虑因素。 总的来说,"通用表单验证Jquery插件...

    jquery验证插件 带文档 支持中文

    总的来说,jQuery验证插件凭借其强大的功能、良好的可扩展性和对中文的良好支持,成为前端开发中的得力助手。通过深入研究其原理和实践,开发者可以构建出更加健壮、用户体验优良的表单验证系统。

    jQuery表单验证插件EasyValidator 2.0带TIP提示效果

    总的来说,jQuery表单验证插件EasyValidator 2.0以其强大的功能和易用性,为开发者提供了高效且用户友好的表单验证解决方案。结合TIP提示效果,它能够极大地提升表单的交互性和用户体验,是构建高质量Web应用的得力...

    jQuery表单验证插件

    **jQuery表单验证插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的负担。jQuery,一个轻量级、高性能的JavaScript库,提供了丰富的API...

    Jquery验证插件

    其中,表单验证插件是jQuery插件中非常实用的一类工具。 #### 二、表单验证插件简介 表单验证插件是一种用于简化前端表单验证工作的工具。它可以帮助开发者快速实现表单字段的有效性检查,提高用户体验。本文介绍...

    jquery注册表验证插件

    本文将详细探讨"jquery注册表验证插件"这一主题,包括其功能、工作原理以及如何在实际项目中应用。 一、jQuery注册表验证插件概述 jQuery注册表验证插件是为了帮助开发者在网页上实现用户输入验证而设计的工具。...

    jquery自编的一个验证插件

    标题“jquery自编的一个验证插件”表明我们讨论的是一个用户自定义的jQuery扩展,用于增强表单验证功能。通常,这样的插件会添加一系列方法来检查用户输入的数据是否符合预设的规则,确保数据的有效性和完整性。 ...

    jquery验证插件Validator

    **jQuery验证插件Validator详解** jQuery Validator是一款广泛应用于前端开发中的强大验证插件,它能够帮助开发者轻松实现表单验证,提高用户体验,确保用户输入的数据符合预设的规则。这款插件是基于jQuery库构建...

    jQuery Validate表单验证插件

    jQuery Validate插件极大地简化了前端表单验证的实现,使得开发者能够专注于构建功能丰富的交互式Web应用,而无需担心数据验证的复杂性。通过熟练掌握其核心功能和自定义规则,您可以创建高效且用户体验良好的表单...

    jquery 验证 提示 插件

    在jQuery验证插件中,提示通常指的是错误提示。这些提示可以是文字信息,也可以是视觉效果,如红色边框或警告图标。jQuery Tooltip插件则扩展了这一功能,它允许开发者创建自定义的提示效果,不仅仅是错误信息,还...

    客户端验证Jquery插件

    JQuery Validate是JQuery的一个扩展,专门用于表单验证。它提供了丰富的内置验证规则和自定义验证方法,使得开发者能够轻松实现各种复杂的验证逻辑。例如,你可以验证电子邮件地址的格式、手机号码的合法性,甚至...

    jQuery验证表单插件

    而jQuery验证插件则通过提供预定义的验证规则和简洁的API,大大提升了开发效率。 该插件基于流行的jQuery库,这意味着它可以无缝地与现有的jQuery代码集成。使用这个插件,开发者只需要在表单元素上添加特定的属性...

    jQuery表单验证插件 jQuery.validity

    `jQuery.validity`是一款强大的jQuery表单验证插件,它为开发者提供了便捷的方式来实现前端表单验证,确保用户输入的数据符合预设的规则,从而提高用户体验并减轻服务器端的负担。这个插件以其灵活性、易用性和丰富...

    jQuery formValidator表单验证插件

    **jQuery formValidator表单验证插件** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止无效数据提交到服务器。jQuery formValidator是一款强大的前端验证插件,专为jQuery...

    Jquery验证插件demo

    在实际开发中,我们通常会使用知名的jQuery Validate插件,这是一个功能强大的、可扩展的验证插件。 压缩包中的"表单验证插件demo"文件很可能是包含HTML、CSS、JavaScript代码的文件夹,其中HTML文件用于展示表单...

Global site tag (gtag.js) - Google Analytics