Javascript之登陆验证

zoukankan html css js c++ java

Javascript之登陆验证
- 匹配中文字符的正则表达式： [u4e00-u9fa5]
- 匹配双字节字符(包括汉字在内)：[^x00-xff]
- 匹配空行的正则表达式： [s| ]*
- 匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
- 匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
- 用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"
- 用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"
- 用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
- 用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Javascript之登陆验证</title> <script language="javascript"> var eg={}; //申明一个对象，当做命名空间使用 //定义一个公共函数来获取id元素的值 eg.$=function(id){ return document.getElementById(id); } //获得id eg.regCheck=function(){ var uid=eg.$("userid"); var upwd=eg.$("userpwd"); var upwd2=eg.$("userpwd2"); if(uid.value==""){ alert("账号不能为空！"); return false; } if(upwd.value==""){ alert("密码不能为空！"); return false; } if(upwd.value !=upwd2.value){ alert(" 两次密码输入不相同！"); return false; }else{ alert("恭喜你！注册成功！"); } return true; }; </script> <style type="text/css"> body { margin-top: 30px; margin-left: 50px; padding-top: 10px; padding-left: 10px; 300px; height: 350px; font-size: 20px; } #table { padding-top: 5px; padding-left: 10px; line-height: 40px; } </style> </head> <body> <form id="table" action="" method="post" name="biaoge"> 账户：<input name="" type="text" id="userid"/><br /> 密码：<input name="" type="text" id="userpwd"/><br /> 确认：<input name="" type="text" id="userpwd2"/><br /><br /> <input name="register" type="button" value="注册" onclick="return eg.regCheck()"/> </form> </body>
不努力，还要青春干什么？
查看全文

相关阅读:
表的相关操作
 存储引擎介绍
 库的相关操作
 初始数据库
 linux版本的mysql安装
 mysql在windows上的安装即配置
 线程实际操作篇
 用户模板和用户场景
 顶会热词统计
 移动端疫情展示

原文地址：https://www.cnblogs.com/caidupingblogs/p/5514287.html