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 相关文章推荐
用javascript控制iframe滚动的代码
Apr 10 Javascript
js函数的引用, 关于内存的开销
Sep 17 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
判断iframe里的页面是否加载完成
Jun 06 Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 Javascript
jQuery操作iframe中js函数的方法小结
Jul 06 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
vue-cli3 DllPlugin 提取公用库的方法
Apr 24 Javascript
JavaScript JSON数据处理全集(小结)
Aug 15 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
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下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
JavaScript中的getMilliseconds()方法使用详解
2015/06/10 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
Swiper实现轮播图效果
2017/07/03 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
python抓取京东商城手机列表url实例代码
2013/12/18 Python
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
Python字符串处理实现单词反转
2017/06/14 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
Python中collections模块的基本使用教程
2018/12/07 Python
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
python实现文件的备份流程详解
2019/06/18 Python
python的debug实用工具 pdb详解
2019/07/12 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
应届生高等护理求职信
2013/10/12 职场文书
ktv中秋节活动方案
2014/01/30 职场文书
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
2014年乡镇妇联工作总结
2014/12/02 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
Pandas 稀疏数据结构的实现
2021/07/25 Python
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers