一、准备工作
- 新建模块,并拷贝所需资料
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9c8edc4fdebd4a975ad2ce344536551d.png)
- 新建目录script
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/183f09d82411840da8bfab3f2ff39766.png)
二、代码编写
<script type="text/javascript">
$(function () {
$("#sub_btn").click(function () {
var usernameText = $("#username").val();
var usernamePatt = /^\w{5,12}$/;
if (!usernamePatt.test(usernameText)) {
$("span.errorMsg").text("用户名不合法!");
return false;
}
var passwordText = $("#password").val();
var passwordPatt = /^\w{5,12}$/;
if (!passwordPatt.test(passwordText)) {
$("span.errorMsg").text("密码不合法!");
return false;
}
var repwdText = $("#repwd").val();
if (repwdText != passwordText) {
$("span.errorMsg").text("确认密码和密码不一致!");
return false;
}
var emailText = $("#email").val();
var emailPatt = /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/;
if (!emailPatt.test(emailText)) {
$("span.errorMsg").text("邮箱格式不合法!");
return false;
}
var codeText = $("#code").val();
codeText = $.trim(codeText);
if (codeText == null || codeText == "") {
$("span.errorMsg").text("验证码不能为空!");
return false;
}
$("span.errorMsg").text("");
});
});
</script>
三、运行结果