使用JavaScript实现页面注册表单文本框验证方法

文章目录

文章目录

概要

整体架构流程

技术名词解释

代码展示:

小结

需要素材即使联系我我会陆续更新的!!


概要

提示:这里可以添加技术概要

发送验证码模块
②: 各个表单验证模块
③: 勾选已经阅读同意模块
④: 下一步验证全部模块
只要上面有一个input验证不通过就不同意提交        

整体架构流程

再次密码验证
如果本次密码不等于上面输入的密码则返回错误信息
其余同上
我同意模块
添加类 .icon-queren2 则是默认选中样式 可以使用 toggle切换类
表单提交模块
使用 submit 提交事件
如果没有勾选同意协议,则提示 需要勾选
classList.contains() 看看有没有包含某个类,如果有则返回true,么有则返回false
如果上面input表单 只要有模块,返回的是 false 则 阻止提交
 

技术名词解释

提示:这里可以添加技术名词解释

例如:

required 属性不能为空

正则 /^[a-zA-Z0-9-_]{6,20}

代码展示:



  
    
    小兔鲜儿 - 新鲜 惠民 快捷!
    
    
    
    
    
    
  

  
    
    
    
    
    

新用户注册

已阅读并同意《用户服务协议》

小结

先阻止默认行为
Ø 如果没有勾选同意,则提示要勾选
Ø required 属性不能为空
Ø 假设登录成功
把用户名记录到本地存储中
同时跳转到首页 location.href

需要素材即使联系我我会陆续更新的!!
 

你可能感兴趣的:(人工智能)