Java书城项目第一阶段：表单验证(1)

//2 创建正则表达式对象

var usernamePatt = /^\w{5,12}$/;

//3 使用test方法验证

if (!usernamePatt.test(usernameText)) {

//4 提示用户结果

$(“span.errorMsg”).text(“用户名不合法！”);

return false;

}

// 验证密码：必须由字母，数字下划线组成，并且长度为5到12位

//1 获取用户名输入框里的内容

var passwordText = $(“#password”).val();

//2 创建正则表达式对象

var passwordPatt = /^\w{5,12}$/;

//3 使用test方法验证

if (!passwordPatt.test(passwordText)) {

//4 提示用户结果

$(“span.errorMsg”).text(“密码不合法！”);

return false;

}

// 验证确认密码：和密码相同

//1 获取确认密码内容

var repwdText = $(“#repwd”).val();

//2 和密码相比较

if (repwdText != passwordText) {

//3 提示用户

$(“span.errorMsg”).text(“确认密码和密码不一致！”);

return false;

}

// 邮箱验证：xxxxx@xxx.com

//1 获取邮箱里的内容

var emailText = $(“#email”).val();

//2 创建正则表达式对象

var emailPatt = /¹+(.[a-z\d]+)*@(\da-z?)+(.{1,2}[a-z]+)+$/;

//3 使用test方法验证是否合法

if (!emailPatt.test(emailText)) {

//4 提示用户

$(“span.errorMsg”).text(“邮箱格式不合法！”);

return false;

}

// 验证码：现在只需要验证用户已输入。因为还没讲到服务器。验证码生成。

var codeText = $(“#code”).val();

//去掉验证码前后空格

// alert(“去空格前：[”+codeText+“]”)

codeText = $.trim(codeText);

// alert(“去空格后：[”+codeText+“]”)

if (codeText == null || codeText == “”) {

//4 提示用户

$(“span.errorMsg”).text(“验证码不能为空！”);

return false;

}

// 去掉错误信息

$(“span.errorMsg”).text(“”);

});

});

欢迎注册

注册尚硅谷会员

用户名称：

<input class=“itxt” type=“text” placeholder=“请输入用户名”

autocomplete=“off” tabindex=“1” name=“username” id=“username” />

用户密码：

<input class=“itxt” type=“password” placeholder=“请输入密码”

autocomplete=“off” tabindex=“1” name=“password” id=“password” />

确认密码：

<input class=“itxt” type=“password” placeholder=“确认密码”

autocomplete=“off” tabindex=“1” name=“repwd” id=“repwd” />

电子邮件：

<input class=“itxt” type=“text” placeholder=“请输入邮箱地址”

autocomplete=“off” tabindex=“1” name=“email” id=“email” />

验证码：

尚硅谷书城.Copyright ©2015

总结

其他的内容都可以按照路线图里面整理出来的知识点逐一去熟悉，学习，消化，不建议你去看书学习，最好是多看一些视频，把不懂地方反复看，学习了一节视频内容第二天一定要去复习，并总结成思维导图，形成树状知识网络结构，方便日后复习。

这里还有一份很不错的《Java基础核心总结笔记》，特意跟大家分享出来

目录：

部分内容截图：

的知识点逐一去熟悉，学习，消化，不建议你去看书学习，最好是多看一些视频，把不懂地方反复看，学习了一节视频内容第二天一定要去复习，并总结成思维导图，形成树状知识网络结构，方便日后复习。

这里还有一份很不错的《Java基础核心总结笔记》，特意跟大家分享出来

目录：

[外链图片转存中…(img-Q6DtFPnr-1714339330115)]

部分内容截图：

[外链图片转存中…(img-kZdIcKo7-1714339330115)]

[外链图片转存中…(img-iYdf2CMs-1714339330117)]

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

---

1. a-z\d ↩︎