Javaweb书城项目阶段01 - 登录注册的表单验证

项目需求：

根据前端给出的页面代码，实现登录、注册页面的表单验证

---

准备工作

① 在 IDEA 中新建一个 Module 存放第一阶段的代码，名为 BookStore01

② 将前端写好的页面粘贴在 BookStore01 下，如下图所示：

③ 打开 user 包下的 login.html 和 regist.html，在 head 标签里导入 jQuery 库

<script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script>

---

登录验证

要求对登录页面的用户名和密码实现非空验证

① 在浏览器中打开，登录页面如下图所示：

② 具体实现代码如下

<script type="text/javascript">
        $(function(){
     

          /**
           * 验证用户名不能为空
           */
          function checkUserName(){
     
            //获取用户名
            var unValue = $("#username").val();
            //对用户名进行判空
            if(unValue == ""){
     
              alert("用户名不能为空，请重新输入！");
              return false;
            }
          }

          /**
           * 验证密码不能为空
           */
          function checkPwd(){
     
            //获取密码
            var pwdValue = $("#password").val();
            //对密码进行判空
            if(pwdValue == ""){
     
              alert("密码不能为空，请重新输入！");
              return fal