js注册时输入合法性验证方法


Posted in Javascript onOctober 21, 2017

本文实例为大家分享了js正则表达式验证输入合法性的具体代码,供大家参考,具体内容如下

// 验证用户名,只允许 字母 数字 下划线 中文
//在input元素后面增加一个span元素,提示

function confirmName(){
  var name=document.getElementById("user_name");
  name.onblur=function(){
    if((name.value).length!=0){
      reg=/^[\u4e00-\u9fa5_a-zA-Z0-9-]{1,16}$/g;
      if(!reg.test(name.value)){
        alert("对不起,输入的用户名限16个字符,支持中英文、数字、减号或下划线 ");
      } 
    }
  };
}
function confirmEmail(){
  var email=document.getElementById("user_email");
  email.onblur=function(){
    if((email.value).length!=0){
      reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ;
      if(!reg.test(email.value)){ 
        alert("对不起,您输入的邮箱格式不正确!");
      }
    }
  };
}
function confirmPassword(){
  var password=document.getElementById("user_password");
  password.onblur=function(){
    if((password.value).length!=0){
      reg=/^(\w){6,20}$/;
      if(!reg.test(password.value)){ 
        alert("对不起,您输入的密码格式不正确!");
      }
    }
  };
}
function confiemPasswordAgin(){
  var againpassword=document.getElementById("user_password_confirmation");

  var password=document.getElementById("user_password");
  againpassword.onblur=function(){
    // alert(againpassword.value);
      if(password.value.length!=againpassword.value.length){
      alert("密码输入不匹配,请重新输入");
      }
      if(password.value.indexOf(againpassword.value)==-1){
        alert("密码输入不匹配,请重新输入");
      }
    };
}
window.onload=function(){
  confirmName();
  confirmEmail();
  confirmPassword();
  confiemPasswordAgin();
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
js实现网页抽奖实例
Aug 05 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
Oct 26 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
angular4实现tab栏切换的方法示例
Oct 21 #Javascript
js Dom实现换肤效果
Oct 21 #Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 #Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 #Javascript
vue做网页开场视频的实例代码
Oct 20 #Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 #Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 #Javascript
You might like
php 如何获取数组第一个值
2013/08/06 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
Docker配置PHP开发环境教程
2016/12/21 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
JS+php后台实现文件上传功能详解
2019/03/02 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
vuex Module将 store 分割成模块的操作
2020/12/07 Vue.js
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
python获得一个月有多少天的方法
2015/06/04 Python
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
python 中random模块的常用方法总结
2017/07/08 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
python+opencv实现霍夫变换检测直线
2020/10/23 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
python3 写一个WAV音频文件播放器的代码
2019/09/27 Python
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
师范大学应届生求职信
2013/11/21 职场文书
美化环境标语
2014/06/20 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
师德标兵事迹材料
2014/12/19 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android