利用正则表达式做验证登录

样式代码如下：

<!DOCTYPE html>
<html><head><title>登录</title><meta charset="utf-8"/><style type="text/css">form{width:500px;margin:150px auto;border:1px solid #CCC;}form h1{text-align:center;margin:0;padding:5px;border:1px solid #CCC;}form p{margin:0;padding:20px;border:1px solid #CCC;}form div{text-align:center;margin:0;padding:10px;border:1px solid #CCC;}.error_msg{border:1px solid red;color:red;}</style><script type="text/javascript">//校验用户名function check_name(){var input = document.getElementById("name");var span = document.getElementById("name_msg");var name = input.value;//正则表达式var reg = /^\w{3,10}$/;if(!reg.test(name)){//如果不匹配增加错误样式//className属性等价于元素的classspan.className = "error_msg";return false;}else{//如果匹配,移除错误样式span.className = "";return true;}}//校验密码function check_pwd(){var input = document.getElementById("pwd");var span = document.getElementById("pwd_msg");var pwd = input.value;var reg = /^\w{6,20}$/;if(!reg.test(pwd)){span.className = "error_msg";return false;}else{span.className = "";return true;}}</script></head><body><!-- 表单用于输入登录信息,提交给服务器 --><!-- onsubmit是表单提交事件,在点击登录时触发,若该方法返回true,则提交表单,返回false则不提交,起到拦截的作用--><form action="http://tmooc.cn" οnsubmit="return (check_name()+check_pwd())==2"><h1>登录</h1><p>帐号：<input type="text" οnblur="check_name()" id="name"/><span id="name_msg">3-10个字母、数字、下划线</span></p><p>密码：<input type="password" οnblur="check_pwd()" id="pwd"/><span id="pwd_msg">6-20个字母、数字、下划线</span></p><div><input type="submit" value="登录" οnclick="f1()"/></div></form></body>
</html

利用正则表达式做验证登录相关推荐

利用正则表达式来验证邮箱
本文简单介绍了如何用正则表达式来验证邮箱. 由于代码量较少,就不做过多的解释啦! 效果图: 正确: 错误: 代码如下: <!DOCTYPE html> <html lang=&quo ...
Python中利用正则表达式做数据清洗（re）
目录 1.常用正则表达式 Python中常用正则表达式 2.正则表达式做数据清洗 2.1 从网页HTML标签中提取文本 2.2 去掉英文文章中标点符号,提取词汇 2.3 提取以.com结尾的邮箱 1. ...
Android中利用正则表达式验证手机号是否合法
利用正则表达式来验证手机号是否合法,现在我们简单使用一下,这个在实际的应用中很实用. 例:在输入框中输入手机号,判断是否合法, MainActivity中: package com.example.m ...
利用正则表达式匹配标点问题
做了一个任务,将每个描述中除了中文,拼音和数字中的其他符号找出来.查找资料后发现利用正则表达式做这个问题我写了一个方法和测试的例子如下: package com.temaiba;import jav ...
php百度人脸识别做登陆,php调用百度人脸识别接口查询数据库人脸信息实现验证登录功能...
博主在进行鼎食城毕业设计时,需要实现一个人脸识别登录功能,想到可以利用百度的人脸识别接口来完成,于是便去下载了百度的识别SDK,我用的是PHP,需要的的可以去下载其他版本,以下是识别效果: 用户在开始 ...
php 自动验证正则表达,使用正则表达式验证登录页面的输入内容
这篇文章主要介绍了使用正则表达式验证登录页面输入是否符合要求的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下先给大家展示下效果图: 废话不多说了,直接给大家贴代码了,具体代码如下所示: ...
2020使用html、js、正则表达式做一个前端注册表单信息验证
使用html.js.正则表达式做一个前端注册表单信息验证小小前端练手项目,主要运用正则表达式对用户名.密码.确认密码.电子邮箱.手机号码.生日.身份证号码的验证 1.用户名不正确(需由由英文字母和数 ...
Java用正则表达式判断学号,利用正则表达式验证学号_利用正则表达式开发动态网页...
[摘要]在动态网页设计中,利用正则表达式可以高效.快速地进行开发,本文探讨了在PHP中利用正则表达式进行url地址解析,密码和邮件验证以及文本文件的处理. [关键词]正则表达式 PHP 动态网页 [ ...
html正则表达式登录验证,JavaScript正则表达式验证登录实例
本文实例为大家分享了js正则表达式验证登录的具体代码,供大家参考,具体内容如下代码片段: qq登录模拟测试 function check(){ /*非空*/ if(form1.username.va ...

利用正则表达式做验证登录

利用正则表达式做验证登录相关推荐

最新文章

热门文章