`
ziyuewang
  • 浏览: 40125 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

简洁的表单验证器---FormValidator

阅读更多

说明 : 代码逐步完善,结构已定好,和大家分享,大家多多指点 !

 

截图 :

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		
		<script type="text/javascript">
			$(function(){
				var field = {
					inputable : "" ,
					required : true ,
					length : {
						min : "6" ,
						max : "10"
					} ,
					expression : {
						chinese : true ,
						charactor : true ,
						number : true
					} ,
					message : {
						tip : "请输入信息,信息不能为空并且含有字母和数字!" ,
						error : "格式不正确" ,
						success : "信息正确!"
					}
				} ;
				FormValidator.load(field) ;
			}) ;
			
			var FormValidator = function(){
				function load(field){
					var input = $(field.inputable) ;
					var required = field.required ;
					var length = field.length ;
					var exp = field.expression ;
					var message = field.message ;
					$("input").eq(1).click(function(){
						_validate(input,required,length,exp,message) ;
					})
				} ;
				function _validate(input,required,length,exp,message){
					var text = input.val() ;
					
				} ;
				function _required(text){
					return text ? true : false ;
				} ;
				function _length(text,length){
					var min = parseInt(length.min) ;
					var max = parseInt(length.max) ;
					var len = text.length ;
					return (len >= min && len <= max) ? true : false ;
				} ;
				function _expression(text,expression){
					var exp = "" ;
					if(expression.chinese){
						exp += "" ;
					}
					if(expression.charactor){
						exp += "" ;
					}
					if(expression.number){
						exp += "" ;
					}
					if(exp){
						
					}
					else{
						alert("无效的表达式!") ;
						return ;
					}
				} ;
				function _message(){
				
				} ;
				function _render(){
				
				} ;
				return {
					load : load
				} ;
			}() ;
		</script>
 

 

分享到:
评论

相关推荐

    jQuery-formValidator表单验证

    jQuery-formValidator是一款基于jQuery的轻量级表单验证插件,它通过简洁的API接口,让开发者能够快速实现各种复杂的表单验证逻辑。该插件不仅支持多种内置验证规则,还允许开发者自定义验证函数,满足个性化的验证...

    formvalidator 表单验证插件汇总

    **formvalidator 表单验证插件汇总** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。`formvalidator`是一款强大的JavaScript表单验证插件,适用...

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库,用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项,使得开发者能够轻松地实现复杂的...

    formValidator4.0.1表单验证插件

    总的来说,formValidator4.0.1是网页开发者处理表单验证的强大助手,无论是在简单的个人项目还是复杂的商业应用中,都能有效地提升表单数据的质量和整体应用的性能。通过熟练掌握和运用这个插件,开发者可以构建出...

    jQuery formValidator表单验证

    jQuery formValidator是一款基于jQuery库的高效、灵活的表单验证插件,旨在帮助开发者轻松实现对用户输入数据的实时验证,提高用户体验并确保数据的准确性和完整性。它提供了丰富的验证规则,可以覆盖大部分常见的...

    formvalidator-4.1.1.js

    formvalidator-4.1.1.js

    formvalidator 表单验证框架

    formvalidator 是一个强大的前端表单验证框架,专为开发者提供高效、灵活的表单数据验证解决方案。这个框架允许开发者在用户提交表单前检查输入的数据,确保数据的完整性和准确性,从而提高用户体验并减少服务器端的...

    商业编程-源码-jQuery formValidator表单验证插件示例源码.zip

    《jQuery formValidator表单验证插件深度解析及应用实践》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,从而避免因无效数据导致的问题。jQuery formValidator插件是一款强大的...

    基于jquery框架,采用jQuery formValidator表单验证插件。

    基于jquery框架,采用jQuery formValidator表单验证插件。

    通用表单验证formvalidator4.1.3 后端验证

    通用表单验证FormValidator4.1.3是一个用于后端数据验证的工具,它提供了丰富的验证规则和便捷的API,帮助开发者确保用户提交的数据符合预设的格式和要求。FormValidator通常与前端表单交互,确保在数据提交到服务器...

    jQuery表单验证插件 formValidator2.2.4-修改样式版

    《jQuery表单验证插件 formValidator2.2.4 - 定制样式解析》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery formValidator2.2.4是...

    formValidator-4.1.3.js

    很好用的表单验证插件,包含formValidator-4.1.3.js、formValidator-4.1.3.min.js、formValidatorRegex.js、jquery-1.4.4.min.js四个插件文件。

    基于formValidator表单验证代码

    `formValidator`是一款强大的JavaScript插件,专为前端表单验证设计,以其代码简洁、易于集成和高度可定制化的特点而受到开发者们的青睐。 **一、formValidator基本概念** `formValidator`通过添加自定义属性和...

    jQuery formValidator表单验证插件

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

    jQuery formValidator表单验证插件实例(php)

    jQuery formValidator是一款基于jQuery的轻量级表单验证插件,其主要特点是易于使用、灵活性高和丰富的验证规则。它通过CSS类和JavaScript事件来实现表单元素的验证,支持多种验证模式,包括实时验证、提交时验证等...

    formValidator-4.1.3

    "formValidator-4.1.3" 是一个针对前端表单验证的JavaScript库,主要针对4.1.3版本进行了优化,并确保与之前的3.5版本保持向下兼容性。这个修改版旨在解决开发者在升级到新版本时面临的代码适配问题,避免因升级导致...

    jQuery formValidator表单验证插件4.1.3提供下载

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    jauery - formValidator代码生成器1.1.rar

    总结而言,jQuery formValidator代码生成器1.1是一个强大的开发辅助工具,它简化了表单验证的代码编写过程,提高了开发效率,同时也降低了错误率。无论是新手还是经验丰富的开发者,都可以从中受益。通过熟练掌握这...

    jquery表单注册验证formvalidator4.1.3完整下载

    jQuery库以其简洁、强大的API成为JavaScript开发者的首选工具,而FormValidator作为jQuery的一个插件,专为表单验证提供了高效且灵活的解决方案。本文将深入探讨jQuery FormValidator 4.1.3版本的功能特性、使用方法...

Global site tag (gtag.js) - Google Analytics