jQuery的validate插件的一些使用说明
博客专区 > ckJava 的博客 > 博客详情
jQuery的validate插件的一些使用说明
ckJava 发表于1年前
jQuery的validate插件的一些使用说明
  • 发表于 1年前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

基本使用

  • validate 代码如下
$(document).ready(function(){
	$("#form1").validate({
		rules: {
			username: { required: true, minlength: 6},
			password: { required: true, minlength: 6}
		},
		messages: {
			username: { required: "必填", minlength: $.validator.format("不得少于{0}字符.")},
			password: { required: "必填", minlength: $.validator.format("不得少于{0}字符.")}
		},
        errorPlacement: function(error, element) {
            element.after(error);
		},
		success: function(label) {
			alert("success");
		},
		submitHandler: function(form) {
			alert("submit");
			form.submit(); //没有这一句表单不会提交
		}
	});
});
  • 上面代码中的 username 和 password 必须对应 HTML 中验证字段的 name 属性,id 是不行的

属性分析

  • rules 和 messages 用于定义字段的验证规则和提示信息

  • success,每个字段验证通过后执行的操作,当表单元素验证成功时执行,对于同一个表单元素,由于onkeyup、onfocusout、onsubmit等事件都会触发验证,所以本方法可能会多次执行

  • submitHandler,当表单验证成功并提交时执行,存在此方法时表单只能在此方法内部执行form.submit()才能提交,可理解成它替代了表单的onsubmit方法

  • errorPlacement,用于将每个字段的错误提示追加到后面

参考

标签: jQuery validate
共有 人打赏支持
粉丝 1
博文 34
码字总数 14432
×
ckJava
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: