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 相关文章推荐
动态表格Table类的实现
Aug 26 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
JS 精确统计网站访问量的实例代码
Jul 05 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
vuex学习之Actions的用法详解
Aug 29 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
javascript实现倒计时效果
Feb 17 Javascript
js实现简易ATM功能
Oct 27 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调用mysql数据 dbclass类
2011/05/07 PHP
php中OR与|| AND与&&的区别总结
2013/10/26 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
PHP数组相关函数汇总
2015/03/24 PHP
CodeIgniter多语言实现方法详解
2016/01/20 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
Jquery post传递数组方法实现思路及代码
2013/04/28 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
2017/05/02 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
vue实现分页栏效果
2019/06/28 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
Python合并同一个文件夹下所有PDF文件的方法
2019/03/11 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
Python实现Appium端口检测与释放的实现
2020/12/31 Python
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
js实现弹框效果
2021/03/24 Javascript
商务专员岗位职责范本
2014/06/29 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python