JavaScript正则表达式验证登录实例


Posted in Javascript onMarch 18, 2020

本文实例为大家分享了js正则表达式验证登录的具体代码,供大家参考,具体内容如下

代码片段:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>qq登录模拟测试</title>
</head>
<body>
<form name="form1" action="#" method="post">
  <input type="text" placeholder="账号" name="username" ><br><br>
  <input type="password" placeholder="密码" name="password" id="pw">
 <input type="button" name="" id="btn" value="点击显示" />
 <br><br>
  <input name="Submit" type="button" onClick="check()" value="登录"/>
</form>
</body>
<!--账号密码验证-->
<script type="text/javascript">
function check(){
/*非空*/
if(form1.username.value==""){
alert("账号不能为空");
form1.username.focus();
return false;
}
 
/*含非数字、首字母为0 /^[0-9]*$/*/
var number=/^(0|[1-9][0-9]*)$/; 
var objExp1=new RegExp(number); 
if(objExp1.test(form1.username.value)==false){
alert("账号不能含非数字和首字符为0");
form1.username.focus();
return false;
}
 
/*账号小于6位数*/
if(form1.username.value.length < 6){
alert("账号位数过小,请输入6-11位数字");
form1.username.focus();
return false;
}
 
/*账号大于11位数*/
if(form1.username.value.length > 11){
alert("账号位数过大,请输入6-11位数字");
form1.username.focus();
return false;
}
 
/*密码非空*/
if(form1.password.value==""){
alert("密码不能为空");
form1.password.focus();
return false;
}
 
/*密码含有非符号、字母、数字以外字*/
var illegal=/^[0-9a-zA-Z!~@#$%^&*()_+`\-={}:";'<>?,.\/]*$/g; 
var objExp2=new RegExp(illegal);
if(objExp2.test(form1.password.value)==false){
alert("密码含有非法字符");
form1.password.focus();
return false;
}
 
/*密码小于6位数*/
if(form1.password.value.length < 6){
alert("密码位数过小,请输入6-16位数字");
form1.password.focus();
return false;
}
 
/*密码大于16位数*/
if(form1.password.value.length > 16){
alert("密码位数过大,请输入6-16位数字");
form1.password.focus();
return false;
}
 
form1.submit();
}
</script>
 
<!--回显密码-->
<script type="text/javascript">
  window.οnlοad=function(){
  var btn=document.getElementById("btn");
  var password=document.getElementById("pw")
  btn.οnmοusedοwn=function(){
    password.type="text"
   };
  btn.οnmοuseup=btn.οnmοuseοut=function(){
    password.type="password"
   }
 }
 </script>
</html>

结果显示:

JavaScript正则表达式验证登录实例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 序列化对象实现代码
Dec 18 Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
js读取被点击次数的简单实例(从数据库中读取)
Mar 07 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
easyui-datagrid特殊字符不能显示的处理方法
Apr 12 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
js实现上传并压缩图片效果
Jan 10 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
JS正则表达式验证密码强度
Mar 18 #Javascript
原生js实现密码强度验证功能
Mar 18 #Javascript
JavaScript实现密码强度实时验证
Mar 18 #Javascript
js如何验证密码强度
Mar 18 #Javascript
js验证密码强度解析
Mar 18 #Javascript
js实现超级玛丽小游戏
Mar 18 #Javascript
vue 封装 Adminlte3组件的实现
Mar 18 #Javascript
You might like
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
PHP日期处理函数 整型日期格式
2011/01/12 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
理解JavaScript原型链
2016/10/25 Javascript
JS键盘版计算器的制作方法
2016/12/03 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
2018/01/08 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
Python 比较两个数组的元素的异同方法
2017/08/17 Python
python实现贪吃蛇游戏
2020/03/21 Python
解决python2 绘图title,xlabel,ylabel出现中文乱码的问题
2019/01/29 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
使用 tf.nn.dynamic_rnn 展开时间维度方式
2020/01/21 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
python Paramiko使用示例
2020/09/21 Python
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
小学教师求职信范文
2015/03/20 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python