常用的验证方法：

checkUserNameflag=false; 
 checkPasswordflag=false; 
 checkPasswordAgianflag=false; 
 checkEmailflag=false; 
// 用户名校验 
function checkUserName() { 
 var username = $("userNeme").value; 
 var zz = /^[A-Za-z0-9]{6,}$/; 
 if (!zz.test(username)) { 
  $("userName_warn").innerHTML = " × 用户名不符合规范"; 
  checkUserNameflag=false; 
 } else { 
  /*$("userName_warn").style.color='blue'; 
  $("userName_warn").innerHTML = "√ 用户名可用";*/ 
  showUserExist(username); 
  checkUserNameflag=true; 
 } 
} 
//重置提示 
function resetWarn(){ 
 $("userName_warn").innerHTML=""; 
 $("email_warn").innerHTML=""; 
 $("password_warn").innerHTML=""; 
 $("Repassword_warn").innerHTML=""; 
} 
// 密码校验 
function checkPassword() { 
 var password1 = $("password").value; 
 if (password1.length >= 6 && password1.length <= 15) { 
  checkPasswordflag = true; 
  $("password_warn").style.color='blue'; 
  $("password_warn").innerHTML = " √ 密码可用 "; 
  checkAgianMiMa(); 
 } else { 
  checkPasswordflag = false; 
  $("password_warn").innerHTML = " × 密码至少为 6 个字符 "; 
 } 
} 
function checkPasswordAgian() { 
 var password1 = $("password").value; 
 var password2 = $("rePassword").value; 
 if (password1 == password2) { 
  if (password1 == "") { 
   $("Repassword_warn").innerHTML = " × 请输入密码 "; 
   checkPasswordAgianflag = false; 
   return; 
  } 
  $("Repassword_warn").style.color='blue'; 
  $("Repassword_warn").innerHTML = "√ 重复输入密码正确"; 
  checkPasswordAgianflag = true; 
 } else { 
  checkPasswordAgianflag = false; 
  $("Repassword_warn").innerHTML = " × 两次密码输入不同 "; 
 } 
} 
function checkEmail(){ 
 //对电子邮件的验证 
  var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
  var email=$("email").value; 
  if(!myreg.test(email)){ 
   checkEmailflag=false; 
    $("email_warn").style.color='red'; 
   $("email_warn").innerHTML = " × 邮箱格式不符合规范"; 
  } else { 
   checkEmailflag=true; 
   $("email_warn").style.color='blue'; 
   $("email_warn").innerHTML = "√ 邮箱格式正确"; 
  } 
} 
function submitCheck(){ 
 alert(checkUserNameflag); 
 if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false 
   ||checkPasswordAgianflag==false || checkEmailflag==false){ 
  return; 
 } 
} 
function $(id){ 
 return document.getElementById(id); 
} 

js正则表达式--验证表单

检测手机号码：/0?(13|14|15|18)[0-9]{9}/

检测用户名：（数字，英文，汉字，下划线，中横线）：/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/

密码：（数字，英文，下划线，中横线）/^[A-Za-z0-9_-]+$/

身份证：/\d{17}[\d|x]|\d{15}/

非空：/^\S+$/

IP地址：/((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/

以上所述是小编给大家介绍的JS表单数据验证的正则表达式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# js表单数据验证  # js表单正则表达式  # js 常用正则表达式表单验证代码  # JavaScript 表单验证正则表达式大全[推荐]  # js正则表达式注册页面表单验证  # 最常用的15个前端表单验证JS正则表达式  # JavaScript 使用正则表达式进行表单验证的示例代码  # js正则表达式验证表单【完整版】  # js用正则表达式来验证表单(比较齐全的资源)  # JavaScript表单通过正则表达式验证电话号码  # JavaScript常用的正则表达式表单验证代码  # 原生js实现表单的正则验证（验证通过后才可提交）  # 下划线  # 英文  # 不符合  # 表单  # 小编  # 在此  # 两次  # 给大家  # 请输入  # 正则表达式  # 所述  # 给我留言  # 感谢大家  # 输入密码  # 疑问请  # 有任何  # 电子邮件  # userName_warn  # Za  # test 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel路由怎么定义_Laravel核心路由系统完全入门指南  Mybatis 中的insertOrUpdate操作  高防服务器租用指南：配置选择与快速部署攻略  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何制作一个表白网站视频,关于勇敢表白的小标题？  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  如何在Tomcat中配置并部署网站项目？  如何在宝塔面板中修改默认建站目录？  Laravel如何实现用户密码重置功能？（完整流程代码）  原生JS获取元素集合的子元素宽度实例  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  Laravel如何实现一对一模型关联？（Eloquent示例）  如何在IIS中新建站点并配置端口与IP地址？  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  Laravel怎么清理缓存_Laravel optimize clear命令详解  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  bootstrap日历插件datetimepicker使用方法  Laravel表单请求验证类怎么用_Laravel Form Request分离验证逻辑教程  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  如何在七牛云存储上搭建网站并设置自定义域名？  如何基于云服务器快速搭建网站及云盘系统？  如何在建站宝盒中设置产品搜索功能？  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  企业网站制作这些问题要关注  青岛网站建设如何选择本地服务器？  Laravel怎么实现模型属性的自动加密  软银砸40亿美元收购DigitalBridge 强化AI资料中心布局  如何快速使用云服务器搭建个人网站？  如何用狗爹虚拟主机快速搭建网站？  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  html5的keygen标签为什么废弃_替代方案说明【解答】  Laravel如何使用Service Container和依赖注入？（代码示例）  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  C#如何调用原生C++ COM对象详解  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  QQ浏览器网页版登录入口 个人中心在线进入  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  七夕网站制作视频,七夕大促活动怎么报名？  图册素材网站设计制作软件,图册的导出方式有几种？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  ,在苏州找工作，上哪个网站比较好？  如何在阿里云部署织梦网站？  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  如何登录建站主机？访问步骤全解析  详解Android——蓝牙技术 带你实现终端间数据传输