#JavaScript JQuery 实现新用户注册

最新推荐文章于 2023-04-10 06:00:00 发布

koujiaodahanyuan

最新推荐文章于 2023-04-10 06:00:00 发布

阅读量4.2k

点赞数 3

分类专栏： javaScript 文章标签： javascript jquery html

本文链接：https://blog.csdn.net/koujiaodahanyuan/article/details/106628685

版权

本文档详细介绍了如何使用JavaScript和JQuery来创建一个新用户注册页面，包括用户输入内容的有效性验证，如密码、重复密码、真实姓名、昵称、手机号和邮箱的格式检查。在用户焦点离开各个输入字段时，会即时显示相应的提示信息，确保用户输入的数据符合要求。

摘要由CSDN通过智能技术生成

阶段1：练习——完成新用户注册页面
• 需求说明
• 验证用户输入内容的有效性
• 文本框获得焦点时，提示文本框中应该输入的内容
• 文本框失去焦点时，验证文本框中的内容，并提示错误信息

用户注册界面

用户注册

//验证密码
$("[name=password]").blur(function () {
$("#pwdDiv").removeClass(“green”);
$("#pwdDiv").removeClass(“red”);
var pwd = $KaTeX parse error: Undefined control sequence: \w at position 43: … var reg = /^\̲w̲{6,16}$ /;
$("#pwdDiv").text("");
if(pwd ==""){
$("#pwdDiv").addClass(“red”);
$("#pwdDiv").html(“登录密码不能为空”);
}else if(!reg.test(pwd)){
$("#pwdDiv").addClass(“red”);
$("#pwdDiv").html(“重复密码长度必须为6-16位字符”);
}else {
$("#pwdDiv").addClass(“green”);
$("#pwdDiv").html(“输入正确”);
isRight[1] = true;
}
});
//验证重复密码
$("[name = rePassword]").blur(function () {
$("#rePwdDiv").removeClass(“green”);
$("#rePwdDiv").removeClass(“red”);

            var rePwd = $(this).val();
            var pwd  = $("[name=password]").val();
            $("#rePwdDiv").text("");
            if(rePwd ==""){

                $("#reP