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 相关文章推荐
一个XML格式数据转换为图表的例子
Feb 09 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
Vue通过provide inject实现组件通信
Sep 03 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 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
ADODB的数据库封包程序库
2006/12/31 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
Laravel统一错误处理为JSON的方法介绍
2020/10/18 PHP
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
使用ThinkJs搭建微信中控服务的实现方法
2019/08/08 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
python将图片文件转换成base64编码的方法
2015/03/14 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
python中栈的原理及实现方法示例
2019/11/27 Python
django框架F&Q 聚合与分组操作示例
2019/12/12 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
python获取依赖包和安装依赖包教程
2020/02/13 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
css3实现可滑动跳转的分页插件示例
2014/05/08 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
高中生学习的自我评价
2013/12/14 职场文书
后备干部培训方案
2014/05/22 职场文书
企业职业病防治方案
2014/05/29 职场文书
生产操作工岗位职责
2014/09/16 职场文书
部队2015年终工作总结
2015/04/02 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
详解mysql三值逻辑与NULL
2021/05/19 MySQL
MySQL导致索引失效的几种情况
2022/06/25 MySQL