js实现表单验证-完整代码

刚子最爱编程

于 2022-10-26 08:00:00 发布

阅读量4.4k

点赞数 7

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/qq_64703421/article/details/127521472

版权

一、页面展示

二、全部代码

页面代码

<body>
  <div id="container">

    <!--主体开始 -->
    <div id="register">
      <form onsubmit="return check()" action="register_success.html">
        <fieldset>
          <legend>新用户注册</legend>
          <p>
            <label>用户名：</label>
            <input name="" type="text" id="txtName" class="txt" onblur="checkName()" />
            <span id="span_name">由英文字母和数字组成的4-16位字符，以字母开头</span>
          </p>
          <p>
            <label>密码：</label>
            <input name="" type="password" id="txtPwd" class="txt" onblur="checkPwd()" />
            <span id="span_pwd">由英文字母和数字组成的4—10位字符。</span>
          </p>
          <p>
            <label>确认密码：</label>
            <input name="" type="password" id="txtConfirmPwd" class="txt" onblur="checkPwd2()" />
            <span id="span_confirmPwd"></span>
          </p>
          <p>
            <label>电子邮箱：</label>
            <input name="" type="text" id="txtEmail" class="txt" onblur="checkEmail()" />
            <span id="span_email">邮箱账号@域名,如：good@tom.com<