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 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
基于JQuery的Pager分页器实现代码
Jul 17 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
jQuery中extend函数详解
Feb 13 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 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 array_multisort()函数的使用札记
2011/07/03 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
Angularjs 自定义服务的三种方式(推荐)
2016/08/02 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
JS+canvas五子棋人机对战实现步骤详解
2020/06/04 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python列表操作之extend和append的区别实例分析
2015/07/28 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
华润集团网上药店:健一网
2016/09/19 全球购物
澳洲健康食品网上商店:Aussie Health Products
2018/06/15 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
校园十佳歌手策划书
2014/01/22 职场文书
校运会入场式解说词
2014/02/10 职场文书
建议书的格式
2014/05/12 职场文书
2014年秋季开学演讲稿
2014/05/24 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
抢劫罪辩护词
2015/05/21 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
高中语文教学反思范文
2016/02/16 职场文书
赞美教师的句子
2019/09/02 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python