为了减少服务器负载将表单验證js计算验证环节在客户浏览器上执行,验证完成基本的格式后再提交给服务器进行数据处理,那么前端如何用JS做网站登录的用户表单驗证js验证 ?
制作一个表单验证js前三个文本框不为空,且长度不能少于 6 位其余单选按钮,复选按钮和下拉菜单都为必选项不能为空
(1)按照正常的逻辑,先写一些html标签
(2)然后用点CSS优化下表单验证js让其变得好看一点
(3)写JS代码的逻辑
为了数据的严谨性,我们采用严格模式进行判断这里我们抽取一段代码来进行判断,之后依次类推按个复制修改下判断逻辑让判断结果为真或假后继续嵌套下去
- 通过Name值對表单验证js输入框进行获取
- 然后将获取的值进行逻辑比较,主要排除Value为空长度大于 6
三,index.html 文件代码 (复制粘贴即可运行)
当用户输入值错誤的时候表单验证js进行格式错误提示
当用户输入值正确的时候,表单验证js信息格式全部合格且密码正确,验证通过