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 相关文章推荐
javascript replace()正则替换实现代码
Feb 26 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
Javascript中数组sort和reverse用法分析
Dec 30 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
Vue resource中的GET与POST请求的实例代码
Jul 21 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
Aug 09 Javascript
weex里Vuex state使用storage持久化详解
Sep 09 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
Jun 19 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
Prototype使用指南之selector.js
2007/01/10 Javascript
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
JavaScript实现弹出窗口效果
2020/12/09 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python中为什么要用self探讨
2015/04/14 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
Python 创建空的list,以及append用法讲解
2018/05/04 Python
python实现二维插值的三维显示
2018/12/17 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
会计电算化专业个人的自我评价
2013/11/24 职场文书
生物科学专业个人求职信范文
2013/12/05 职场文书
员工培训邀请函
2014/02/02 职场文书
支部组织生活会方案
2014/06/10 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
学困生转化工作总结
2015/08/13 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书
python 实现mysql自动增删分区的方法
2021/04/01 Python
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis