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 相关文章推荐
单独使用CKFinder选择图片的方法
Aug 21 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
浅谈React深度编程之受控组件与非受控组件
Dec 26 Javascript
vue做移动端适配最佳解决方案(亲测有效)
Sep 04 Javascript
使用angular-cli webpack创建多个包的方法
Oct 16 Javascript
js实现烟花特效
Mar 02 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实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
php编程每天必学之验证码
2016/03/03 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
nodejs开发环境配置与使用
2014/11/17 NodeJs
分享Javascript实用方法二
2015/12/13 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
JS制作图形验证码实现代码
2020/10/19 Javascript
纯js实现手风琴效果代码
2020/04/17 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
vue中将html字符串转换成html后遇到的问题小结
2018/12/10 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
2019/09/06 Javascript
jQuery实现简单评论区功能
2020/10/26 jQuery
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
简单谈谈Python中的反转字符串问题
2016/10/24 Python
Python scikit-learn 做线性回归的示例代码
2017/11/01 Python
django在接受post请求时显示403forbidden实例解析
2018/01/25 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
普通党员对照检查材料
2014/08/28 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
2014年教师德育工作总结
2014/11/10 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
初中生毕业评语
2014/12/29 职场文书
检讨书模板
2015/01/29 职场文书
水电工岗位职责
2015/02/14 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers