`

jquery-validation备忘

阅读更多

留点学习jquery validation总结的代码:

 

function checkForm(){
	validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
		errorElement :"span",// 使用"div"标签标记错误, 默认:"label","span"默认直接在文本框右边显示
		//wrapper:"li",// 使用"li"标签再把上边的errorELement包起来
		//errorClass :"validate-error",// 错误提示的css类名"error"
		//onsubmit:false,// 是否在表单提交时验证,默认:true
		//onfocusout:false,// 是否在获取焦点时验证,默认:true
		//onkeyup :false,// 是否在敲击键盘时验证,默认:true
		//onclick:false,// 是否在鼠标点击时验证(一般验证checkbox,radiobox)
		//focusCleanup:false,// 当未通过验证的元素获得焦点时,并移除错误提示,默认false
		//focusInvalid : true, //提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点,默认true
		//ignore: "#cname"  //对某些元素不做验证,值对应选择器,如果需要忽略多个文本框,可以使用class类选择器
		ignoreTitle: true,
		validClass: "valid", //验证成功时,使用的css类名
		success: function(label) { //验证成功时使用的提示消息
     		label.addClass("valid").html("Ok!")
   		},
		submitHandler:function(form){//如果验证通过,点击submit按钮后执行的操作,注:使用此方法后,form中的action="xx"会失效
			alert('验证通过');
		},
		invalidHandler: function(form, validator) {//如果验证不通过,此处执行额外操作
      		var errors = validator.numberOfInvalids(); //获得错误总数
        	var message = '你存在' + errors + '个错误';
        	//alert(message);
    	},
		rules:{
			"x.name":{  //需要进行验证的输入框name
				required: true,  //验证条件:必填
				minlength3: 5,// 验证条件:最小长度为5
				maxlength3 : 10,
				checkCharType : [true,false,false,null]
			},
			"x.sex":{  //需要进行验证的输入框name
				required: true,  //验证条件:必填
				minlength2: 5,// 验证条件:最小长度为5
				maxlength2 : 10
			},
		},
		messages:{
			"x.name":{
				required : "不能为空",
				minlength : "最小值为5"
			},
			"x.sex":{
				required : "不能为空",
				minlength : "最小值为5"
			}
		}
	});
}

function xx(){
	//alert($("#commentForm").validate().form()); //执行表单验证,同时判断验证是否通过,如果通过返回true,否则返回false
	$("#commentForm").valid(); //$("#commentForm").valid()表示运行form的表单验证
}

function cl(){
	$("#commentForm").validate().resetForm(); //清空所有的错误提示
}

 

在学习jquery validation过程中发现一个问题:onfocusout、onkeyup和onclick默认值都是true,但是如果在代码中我再次设置为true,它会报错(firebug提示:f.settings[e].call is not a function),谁能告诉我原因?

onfocusout:true,// 是否在获取焦点时验证,默认:true
onkeyup :true,// 是否在敲击键盘时验证,默认:true
onclick:true,// 是否在鼠标点击时验证(一般验证checkbox,radiobox)

 

 

1
0
分享到:
评论

相关推荐

    jquery-validation-1.19.1.zip

    《jQuery验证插件jQuery-validation-1.19.1详解》 jQuery-validation是Web开发中常用的客户端表单验证插件,其1.19.1版本的发布为开发者提供了更稳定和高效的服务。该压缩包“jquery-validation-1.19.1.zip”包含了...

    jquery-validation-1.11.1.zip

    《jQuery验证插件详解——基于jquery-validation-1.11.1.zip的探索》 jQuery作为一款广泛使用的JavaScript库,极大地简化了DOM操作,事件处理和动画制作等任务。而`jquery-validation`则是jQuery生态中的一款强大...

    jQuery-validation.rar

    jQuery-validation是一个广泛使用的JavaScript库,专门用于实现网页表单的验证功能。这个插件使得开发者能够轻松地添加各种验证规则,提升用户体验,确保用户在提交表单前输入的数据符合预设的标准。它通过简单的API...

    jQuery-validation-1.14.0 官方源代码(2015.09.13)

    《jQuery-validation-1.14.0:前端验证利器详解》 jQuery-validation 是一个广泛使用的JavaScript库,专门用于实现前端表单验证。1.14.0版本在2015年9月13日发布,它提供了强大的功能,帮助开发者轻松地创建具有...

    jquery-validation.zip

    该插件有两个版本出现在压缩包中:`jquery-validation-1.17.0.zip`和`jquery-validation-1.14.0.zip`。这两个版本代表了插件的不同迭代,1.17.0是较新的版本,可能包含更多的优化和新特性,而1.14.0则是一个较旧但...

    表单验证JQ插件jquery-validation.js

    表单验证JQ插件jquery-validation.js

    jquery-validation-1.8.1里面有很多例子

    《jQuery Validation插件详解——基于jquery-validation-1.8.1实例分析》 在Web开发领域,表单验证是不可或缺的一环,它确保用户输入的数据符合预期格式,从而提高用户体验并减少服务器端处理的压力。jQuery ...

    jquery-validation

    jquery-validation-1.9.0是一款优秀的form表单验证插件,此资源主要为某篇博客服务,如有需要还请下载。整个压缩包无法上传,有需要请留言

    jQuery-Validation-Engine-master

    在这个例子中,文件名为"jQuery-Validation-Engine-master"。 2. **包含资源**:将下载的压缩包解压后,将`css`目录下的样式文件(如`validationEngine.jquery.css`)和`js`目录下的JavaScript文件(如`jquery....

    jquery-validation-1.8.0下载

    本篇文章将围绕"jquery-validation-1.8.0"这一版本进行详细介绍,并探讨其核心功能、使用方法以及常见应用场景。 一、jQuery Validation插件概述 jQuery Validation插件是基于jQuery库的一个扩展,它使得在网页中...

    jquery-validation插件

    **jQuery Validation 插件详解** jQuery Validation 插件是一款强大且灵活的JavaScript工具,它专为简化HTML表单验证而设计。这个插件基于广泛使用的jQuery库,使得在网页开发中实现用户输入验证变得轻而易举。其...

    jquery-validation-1.14.0.zip(5.14.1)

    **jQuery Validation 插件详解** jQuery Validation 是一个广泛使用的前端JavaScript库,专为简化HTML表单验证而设计。它提供了一套完整的功能,使开发者能够快速有效地实施表单验证,确保用户输入的数据满足预设的...

    jquery-validation-unobtrusive-master

    6. **无侵入式(Unobtrusive)**:提及的"jquery-validation-unobtrusive-master"可能指的是jQuery Validation的无侵入式版本,它与ASP.NET MVC框架结合使用,通过数据注解实现服务器端和客户端验证的一致性。...

    jquery-validation-1.17.0

    《jQuery Validation插件详解——基于版本1.17.0》 jQuery Validation是Web开发中一个广泛使用的JavaScript库,主要用于表单验证。该插件以其简单易用和强大的功能著称,大大简化了前端数据验证的过程。在本文中,...

    jquery-validation使用

    **jQuery Validation插件详解** jQuery Validation插件是用于在网页表单验证中提供方便、强大的功能的工具。它简化了对用户输入数据的检查,确保数据的完整性和正确性,从而提高了用户体验。这个插件是基于jQuery库...

    jquery1.4.js + jquery-validation.min.js

    《jQuery 1.4.js与jQuery Validation Plugin的深入解析》 在Web开发中,JavaScript库jQuery以其简洁的语法和强大的功能赢得了广泛的认可。本篇将深入探讨jQuery 1.4.js版本及其与jQuery Validation Plugin的结合...

    jquery-ui-validation-Engine

    3. **设置验证规则**:通过 `class` 或 `data-validation-engine` 属性为表单元素指定验证规则。例如: ```html [required,custom[email]]" /> ``` 4. **处理提交**:在表单的 `onsubmit` 事件中,使用 `....

    jquery-validation-1.15.0

    **jQuery Validation Plugin 1.15.0** jQuery Validation Plugin 是一个广泛使用的开源插件,用于在客户端进行表单验证,提高用户交互体验。版本1.15.0是该插件的一个稳定版本,提供了丰富的功能和改进。 **主要...

    jquery-validation输出漂亮验证信息

    jQuery-validation是一个流行的JavaScript库,用于实现客户端表单验证。原生的jQuery-validation在验证失败时,其显示的信息可能并不直观或者不够友好,这可能会对用户的体验产生负面影响。因此,我们需要对其进行...

Global site tag (gtag.js) - Google Analytics