当前位置:首页 > 开发 > Web前端 > Jquery > 正文

jquery-validation备忘

发表于: 2011-06-09   作者:白糖_   来源:转载   浏览:
摘要: 留点学习jquery validation总结的代码:   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误, 默认:&

留点学习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)

 

 

jquery-validation备忘

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
安装oracle 11g后,七个服务。 需要开启PL/SQL连接使用时,打开红框中的两个即可。 select * from d
1、快捷键 快速删除一行:ctrl+shift+L,或者使用ctrl+x可以剪切一行 快速复制一行:ctrl+c (在空白
1:SecureCRT 呈现 linux 风格 SecureCRT 上传 和接收 文件 接收文件 sz 文件名 上传文件: rz 2:fl
1、webstorm 4.0 注册码 username:solq 35758-12042010 00001cIW59IBVHRPp019pvqMI0zUcw RqOCGkr4xc
作为开源代码库以及版本控制系统,Github拥有140多万开发者用户。随着越来越多的应用程序转移到了云
1、快捷键 快速删除一行:ctrl+shift+L,或者使用ctrl+x可以剪切一行 快速复制一行:ctrl+c (在空白
轻松打造企业内部NOD32升级服务器 作为企业网络管理员的我们最主要的工作就是保证内网的安全与稳定
CSS规则图示 颜色值的不同写法 p { color: #ff0000; } p { color: rgb(255,0,0); } p { color: rgb(
官网 http://kafka.apache.org/ 多生产者多消费者 多topic和多分区 多消费者组。每组中消息不能重复
反射: 通过 System.Reflection 命名空间中的类以及 System..::.Type,您可以获取有关已加载的程序集
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号