Jquery基础编程1—注册验证

最新推荐文章于 2021-06-08 08:10:53 发布

原创最新推荐文章于 2021-06-08 08:10:53 发布 · 452 阅读

1 ·

CC 4.0 BY-SA版权

Java 同时被 2 个专栏收录

28 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的表单验证示例，其中包括对邮箱格式的验证、用户名长度检查、密码强度验证及确认密码一致性等。通过AJAX远程验证确保邮箱地址的唯一性。

$(document).ready(function() {
// 注册提交后验证表单
	$("#registerForm").validate({
		rules : {
			uemail : {
				required : true,
				email : true,
				remote : { // 验证邮箱是否存在
					type : "POST",
					url : "registerEmail", // controller
					data : {
						uemail : function() {
							return $("#uemail").val();
						}
					}
				}
			},
			uname : {
				required : true,
				minlength : 2
			},
			upwd : {
				required : true,
				minlength : 6,
				maxlength : 20
			},
			confirmPwd : {
				required : true,
				rangelength : [ 6, 20 ],
				equalTo : "#upwd"
			},
		},

		messages : {
			uemail : {
				required : "请输入一个正确的邮箱",
				remote : "此邮箱已经被注册"
			},
			uname : "请输入用户名",
			upwd : {
				required : "请输入密码",
				minlength : "密码不得小于6位(6-20位)",
				maxlength : "密码不得大于20位(6-20位)"
			},
			confirmPwd : {
				required : "请输入密码",
				rangelength : "密码为6-20位",
				equalTo : "两次密码输入不一致"
			}
		}
	});	
});