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中click事件的定义和用法
Dec 20 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
Dec 07 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
Nov 16 Javascript
js调用网络摄像头的方法
Dec 05 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利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
用Php编写注册后Email激活验证的实例代码
2013/03/11 PHP
Yii2实现多域名跨域同步登录退出
2017/02/04 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
js获取页面description的方法
2015/05/21 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
2017/01/06 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
利用python实现周期财务统计可视化
2019/08/25 Python
python实现猜数字游戏
2020/03/25 Python
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
高效课堂标语
2014/06/26 职场文书
领导干部对照检查材料
2014/08/24 职场文书
学习教师法的心得体会
2014/09/03 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
部队反四风对照检查材料
2014/09/26 职场文书
老兵退伍感言
2015/08/03 职场文书
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python