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 相关文章推荐
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
jquery中实现标签切换效果的代码
Mar 01 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
javascript中caller和callee详解
Aug 10 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
Nov 25 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
详解VUE里子组件如何获取父组件动态变化的值
Dec 26 Javascript
javascript数据类型中的一些小知识点(推荐)
Apr 18 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
javascript实现固定侧边栏
Feb 09 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一些服务器端特性的配置加强php的安全
2006/10/09 PHP
Drupal7中常用的数据库操作实例
2014/03/02 PHP
php自定义hash函数实例
2015/05/05 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
PHP发送邮件确认验证注册功能示例【修改别人邮件类】
2019/11/09 PHP
Google 静态地图API实现代码
2010/11/19 Javascript
基于jQuery中对数组进行操作的方法
2013/04/16 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
JavaScript实现音乐自动切换和轮播
2017/11/05 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
Python httplib模块使用实例
2015/04/11 Python
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
python在协程中增加任务实例操作
2021/02/28 Python
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
酒店总经理岗位职责
2014/03/17 职场文书
单位绩效考核方案
2014/05/11 职场文书
标枪加油稿
2015/07/22 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers