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 相关文章推荐
jquery last-child 列表最后一项的样式
Jan 22 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
js 单击式的下拉菜单效果实例
Aug 13 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 Javascript
JavaScript中的ajax功能的概念和示例详解
Oct 17 Javascript
axios post提交formdata的实例
Mar 16 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
浅析JavaScript 函数柯里化
Sep 08 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
thinkphp实现数组分页示例
2014/04/13 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
微信小程序前端源码逻辑和工作流
2016/09/25 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
python迭代器的使用方法实例
2013/11/21 Python
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
浅谈Python中的闭包
2015/07/08 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
python遍历路径破解表单的示例
2020/11/21 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
html5录音功能实战示例
2019/03/25 HTML / CSS
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
学生会干部自荐信
2014/02/04 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
2014旅游局领导班子四风问题对照检查材料思想汇报
2014/09/19 职场文书
员工工作自我评价
2014/09/26 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
婚育证明格式
2015/06/17 职场文书
农贸批发市场管理制度
2015/08/07 职场文书
五年级作文之想象作文
2019/10/30 职场文书
PHP实现考试倒计时功能代码
2021/04/16 PHP
如何使JavaScript休眠或等待
2021/04/27 Javascript
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python