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 相关文章推荐
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
Apr 20 Javascript
javascript 事件绑定问题
Jan 01 Javascript
从阶乘函数对比Javascript和C#的异同
May 31 Javascript
JavaScript中的setMilliseconds()方法使用详解
Jun 11 Javascript
快速学习jQuery插件 Cookie插件使用方法
Dec 01 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
JavaScript创建表格的方法
Apr 13 Javascript
Vue项目打包编译优化方案
Sep 16 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中使用gettext来支持多语言的方法
2011/05/02 PHP
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
学习php设计模式 php实现命令模式(command)
2015/12/08 PHP
php实现按天数、星期、月份查询的搜索框
2016/05/02 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
select组合框option的捕捉实例代码
2008/09/30 Javascript
基于Jquery的简单&简陋Tabs插件代码
2010/02/09 Javascript
探讨jQuery的ajax使用场景(c#)
2013/12/03 Javascript
JS父页面与子页面相互传值方法
2014/03/05 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
BootStrap的双日历时间控件使用
2017/07/25 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
封装微信小程序http拦截器过程解析
2019/08/13 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
Python深入学习之装饰器
2014/08/31 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
Python实现的rsa加密算法详解
2018/01/24 Python
TensorFlow 合并/连接数组的方法
2018/07/27 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
Python 如何查找特定类型文件
2020/08/17 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
矿泉水广告词
2014/03/20 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书