纯js简单的表单验证_米饭嘎嘎香。的博客

    <header>
        <div class="left"><img src="./image/baidu.jpg"><i>|</i>
            <em>注册百度账号</em>
        </div>
        <div class="right">我已注册、现在就 <a href="/go.html?url=#">登录</a></div>
    </header>
    <nav></nav>
    <section>
        <form>
            <p>
                <label>用户名</label>
                <input type="text" id="userName" class="txt1" placeholder="请输入用户名">
                <i>设置后可以更改</br>中英文均可最长14个英文或7个汉字</i>
                <span>此用户名不太受欢迎、请换一个</span>
            </p>
            <p>
                <label>手机号</label>
                <input type="text" id="phone" class="txt1" placeholder="请输入手机号">
                <i>请输入手机号、其他用户不可见</i>
                <span>手机格式不正确、请重新输入</span>
            </p>
            <p>
                <label>密码</label>
                <input type="password" id="parsd" class="txt1" placeholder="请输入密码">
                <i>长度 为8~4个字符</br>支持数字、大小写字母标点字符</br>不允许有空格</i>
                <span>格式不正确 你怕是要凉哦！</span>
            </p>
            <p>
                <label>验证码</label>
                <input type="text" class="yzm" name="" id="mask" placeholder="请输入验证码" /></label>
                <input type="button" value="获取短信验证码" />
                <!-- <span>验证码不正确</span> -->
            </p>
            <p>
                <input type="checkbox" name="" id="" value="" /> 阅读并接受
                <a href="/go.html?url=#">《1911班协议》</a>及<a href="/go.html?url=#">《1911隐私权保护声明》</a>
            </p>
            <input type="submit" class="sub" name="" id="" value="注册" />
        </form>
        <p><a href="/go.html?url=#">如需帮助请点击、人工服务</a></p>
    </section>

</div>
    <header>
        <div class="lef