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 相关文章推荐
js将json格式内容转换成对象的方法
Nov 01 Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
vue动态组件实现选项卡切换效果
Mar 08 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
vue 解决路由只变化参数页面组件不更新问题
Nov 05 Javascript
JavaScript冒泡算法原理与实现方法深入理解
Jun 04 Javascript
通过vue.extend实现消息提示弹框的方法记录
Jan 07 Vue.js
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
长波知识介绍
2021/03/01 无线电
十天学会php之第八天
2006/10/09 PHP
php session劫持和防范的方法
2013/11/12 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
php源码分析之DZX1.5加密解密函数authcode用法
2015/06/17 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
2007/12/08 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
Angular4实现动态添加删除表单输入框功能
2017/08/11 Javascript
jQuery Datatables表头不对齐的解决办法
2017/11/27 jQuery
解决vue项目报错webpackJsonp is not defined问题
2018/03/14 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
Python字符串的常见操作实例小结
2019/04/08 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
卫校毕业生个人自我鉴定
2014/04/28 职场文书
事业单位鉴定材料
2014/05/25 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
湘江北去观后感
2015/06/15 职场文书