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

最新推荐文章于 2026-06-17 00:46:45 发布

原创

最新推荐文章于 2026-06-17 00:46:45 发布 · 4.5k 阅读

收录于

当前文章被以下社区和专栏收录：

一、页面展示

二、全部代码

页面代码

<body>
  <div id="container">

    <!--主体开始 -->
    <div id="register">
      <form onsubmit="return check()" action="https://blog.csdn.net/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</span>
          </p>
          <p>
            <label

标签