Jquery基础编程1—登陆验证

最新推荐文章于 2021-12-06 10:57:52 发布

原创最新推荐文章于 2021-12-06 10:57:52 发布 · 520 阅读

2 ·

CC 4.0 BY-SA版权

Java 同时被 2 个专栏收录

28 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

本文介绍如何使用jQuery插件validate来验证用户的登录信息，包括邮箱格式检查及远程验证密码是否正确。通过设置规则和消息提示，提高了用户体验并确保了数据的有效性。

$(document).ready(function() {

	// 登陆提交后验证表单
	$("#loginForm").validate({
		rules : {
			uemail : {
				required : true,
				email : true
			},
			upwd : {
				required : true,
				remote : {
					type : "POST",
					url : "loginUser",
					data : {
						uemail : function() {
							return $("#loginUemail").val();
						},
						upwd : function() {
							return $("#loginUpwd").val();
						}
					}
				}
			}
		},

		messages : {
			uemail : {
				required : "请输入一个正确的邮箱",
				remote : "此邮箱已经被注册"
			},
			upwd : {
				required : "请输入密码",
				remote : "密码不正确"
			}
		}
	});

});