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获取php变量的实现代码
Aug 10 Javascript
用js的for循环获取radio选中的值
Oct 21 Javascript
JS实现点击链接取消跳转效果的方法
Jan 24 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
jQuery.extend 函数及用法详细
Sep 06 Javascript
基于jQuery实现仿微博发布框字数提示
Jul 27 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
Oct 13 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
实例学习JavaScript读取和写入cookie
Jan 29 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堆排序(heapsort)练习
2013/11/13 PHP
php 判断字符串中是否包含html标签
2014/02/17 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
2017/09/06 jQuery
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
谈一谈基于python的面向对象编程基础
2019/05/21 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
面向中国市场的在线海淘美妆零售网站:Beauty House美丽屋
2021/03/02 全球购物
关于迟到的检讨书
2014/01/26 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
作风建设演讲稿
2014/05/23 职场文书
个人自我剖析材料
2014/09/30 职场文书
2015年综治维稳工作总结
2015/04/07 职场文书
任长霞观后感
2015/06/16 职场文书
小学班长竞选稿
2015/11/20 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis