JS源代码实现表单验证

今天要用JavaScript正则做一个表单验证

1、首先是HTML结构

 <form action="#">
        账号：<input type="text" name="user"><span></span><br />
        密码：<input type="text" name="pass"><span></span><br />
        邮箱：<input type="text" name="email"><span></span><br />
        <button>注册</button>
    </form>

//后面的span标签用来显示内容，显示账号正确与否。

2、CSS样式 - 其实也只是给span设置一点点样式即可

  <style>
        span {
            color: red
        }
  </style>

3、最重要的JS代码

①首先需要先获取我们所要操作的元素对象

        //获取操作对象
        var frm = document.querySelector('form')
        var inps = document.querySelectorAll('input')