正则表达式实现表单验证案例

正则表达式对象的方法： reg.test(str);

阻止浏览器的默认行为：

          第一种方法：e.preventDefault();

          第二种方法： <a class="submit" href="javascript:;">下一步</a>

 

//html部分
<div class="xtx-wrapper">
        <div class="container">
          <!-- 卡片 -->
          <div class="xtx-card">
            <h3>新用户注册</h3>
            <form class="xtx-form">
              <div data-prop="username" class="xtx-form-item">
                <span class="iconfont icon-zhanghao"></span>
                <input name="username" type="text" placeholder="设置用户名称">
                <span class=