js 正则表达式验证用户注册信息

最新推荐文章于 2024-04-17 09:51:42 发布
最新推荐文章于 2024-04-17 09:51:42 发布
阅读量1.8k 收藏 6
点赞数 1
分类专栏： 正则表达式 文章标签： 正则表达式 js 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check() {
var submitFlg = true;
//验证姓名
var regpname={regstr:/^[\u4e00-\u9fa5\w]{1,6}$/,tip:'请输入1-6位的汉字、英文、数字、下划线'};
var pname= document.getElementById("pname").value;
var spans = document.getElementById("pname").parentNode.getElementsByTagName("span");
spans[0].innerHTML=""
if(!regpname.regstr.test(pname)){
spans[0].innerHTML="<font color='red'>"+regpname.tip+"<font>";
submitFlg = false;
}
//验证用户名
var regusername={regstr:/^[\w]{1,6}$/,tip:'请输入1-6位的英文、数字、下划线'};
var username= document.getElementById("username").value;
var spans = document.getElementById("username").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regusername.regstr.test(username)){
spans[0].innerHTML="<font color='red'>"+regusername.tip+"<font>";
submitFlg = false;
}

//验证密码
var regpassword={regstr:/^[\w@#*]{1,6}$/,tip:'请输入1-6位的英文、数字、下划线、@、#、*'};
var password= document.getElementById("password").value;
var spans = document.getElementById("password").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regpassword.regstr.test(password)){
spans[0].innerHTML="<font color='red'>"+regpassword.tip+"<font>";
submitFlg = false;
}

var repassword=document.getElementById("repassword").value;
var spans = document.getElementById("repassword").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(repassword!=password){
spans[0].innerHTML="<font color='red'>"+"两次输入的密码不一致"+"<font>";
submitFlg = false;
}

//验证邮箱
var regemail={regstr:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,tip:'请确认邮箱格式'};
var email= document.getElementById("email").value;
var spans = document.getElementById("email").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regemail.regstr.test(email)){
spans[0].innerHTML="<font color='red'>"+regemail.tip+"<font>";
submitFlg = false;
}

//验证邮箱
var regemail={regstr:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,tip:'请确认邮箱格式'};
var email= document.getElementById("email").value;
var spans = document.getElementById("email").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regemail.regstr.test(email)){
spans[0].innerHTML="<font color='red'>"+regemail.tip+"<font>";
submitFlg = false;
}
//验证电话
var regphone={regstr:/^1\d{10}$/,tip:'请输入11位的手机号'};
var phone= document.getElementById("phone").value;
var spans = document.getElementById("phone").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regphone.regstr.test(phone)){
spans[0].innerHTML="<font color='red'>"+regphone.tip+"<font>";
submitFlg = false;
}
return submitFlg;
}
</script>
</head>
<body>
<form action="success.html" onsubmit="return check()">
<table>
<tr>
<td><font color="red">*</font>姓名</td>
<td><input type="text" id="pname" name="pname"></input><span></span></td>
</tr>
<tr>
<td><font color="red">*</font>用户名</td>
<td><input type="text" id="username" name="username"></input><span></span></td>
</tr>
<tr>
<td><font color="red">*</font>密码</td>
<td><input type="text" id="password" name="password"></input><span></span></td>
</tr>
<tr>
<td><font color="red">*</font>确认密码</td>
<td><input type="text" id="repassword" name="repassword"></input><span></span></td>
</tr>
<tr>
<td>邮箱</td>
<td><input type="text" id="email" name="email"></input><span></span></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" id="sex" name="sex" value="1">男 
<input type="radio" id="sex" name="sex" value="2">女
</td>
</tr>
<tr>
<td>电话</td>
<td><input type="text" id="phone" name="phone"></input><span></span></td>
</tr>
<tr>
<td>地区</td>
<td>
<select name = "area">
<option value="1">长春</option>
<option value="2">吉林</option>
</select>
</td>
</tr>
</table>
<input type="submit" value="注册">
</form>
</body>
</html>

还需在相同目录下新建一个success.html文件，用来显示form提交后跳转的页面。

//校验是否全由数字组成

function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}

 

//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
Java代码
function isRegisterUserName(s)  
{  
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;  
if (!patrn.exec(s)) return false
return true
}

function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}

 


//校验用户姓名：只能输入1-30个以字母开头的字串
Java代码
function isTrueName(s)  
{  
var patrn=/^[a-zA-Z]{1,30}$/;  
if (!patrn.exec(s)) return false
return true
}  
}}  


//校验密码：只能输入6-20个字母、数字、下划线  
<PRE class="java" name="code">function isPasswd(s)  
{  
var patrn=/^(\w){6,20}$/;  
if (!patrn.exec(s)) return false
return true
}  
</PRE>  
<BR>  
<BR>//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”  
<BR><PRE class="java" name="code">function isTel(s)  
{  
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;  
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;  
if (!patrn.exec(s)) return false
return true
}  
</PRE>  
<BR>  
<BR>//校验手机号码：必须以数字开头，除数字外，可含有“-”  
<BR><PRE class="java" name="code">function isMobil(s)  
{  
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;  
if (!patrn.exec(s)) return false
return true
}  
</PRE>  
<BR>  
<BR>//校验邮政编码  
<BR><PRE class="java" name="code">function isPostalCode(s)  
{  
//var patrn=/^[a-zA-Z0-9]{3,12}$/;  
var patrn=/^[a-zA-Z0-9 ]{3,12}$/;  
if (!patrn.exec(s)) return false
return true
}  
</PRE>  
<BR>  
<BR>//校验搜索关键字  
<BR><PRE class="java" name="code">function isSearch(s)  
{  
var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\]  
        [\]\{\}:;'\,.<>?]{0,19}$/;  
if (!patrn.exec(s)) return false
return true
}  

function isIP(s) //by zergling  
{  
var patrn=/^[0-9.]{1,20}$/;  
if (!patrn.exec(s)) return false
return true
}  
</PRE>  
<BR>  
<BR><SPAN style="FONT-SIZE: 18pt">正则表达式</SPAN>  
<BR><PRE class="java" name="code">"^\\d+$"　　//非负整数（正整数 + 0）  
"^[0-9]*[1-9][0-9]*$"　　//正整数   
"^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0）   
"^-[0-9]*[1-9][0-9]*$"　　//负整数   
"^-?\\d+$"　　　　//整数   
"^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0）   
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　  
//正浮点数   
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮点数（负浮点数 + 0）   
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　  
//负浮点数   
"^(-?\\d+)(\\.\\d+)?$"　　//浮点数   
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串   
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串   
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串   
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串   
"^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串   
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址   
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url  
"^[A-Za-z0-9_]*$"
gqzydh
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用正则表达式进行注册校验
Ceremony_feeling的博客
10-16 217
标题使用正则表达式进行注册校验 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="verifyJs.js"></script> </head...
应用正则表达式验证用户注册信息(下)
Sean's Technology Blog
08-27 4424
在运行Javascript脚本并通过正则表达式对用户的注册信息进行验证时，虽然可以在客户端对用户输入的信息进行控制，并且还减轻了服务器的压力，但是也带来一些安全隐患。     如果某个用户利用Javascript是在客户端执行的特点，将网站的注册页面保存到本地，并对这个本地静态
用户注册正则表达式
03-01
用户注册正则表达式
JS 正则表达式-简单的注册验证
夏沐的博客
03-11 528
HTML代码： &lt;div &gt; &lt;label&gt;Q Q&lt;/label&gt;&lt;input type="text" id="qq"&gt;&lt;span&gt;&lt;/span&gt;&lt;br/&gt; &lt;label&gt;手机&lt;/label&gt;&lt;
应用正则表达式验证用户注册
Veer Han
04-14 4000
代码：<!DOCTYPE html> <html> <head> <title>form.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> <meta name="content-type" conten
如何用javascript正则表达式验证身份证号码是否合法
10-23
在用户注册页面有些需求要求的比较严格，需要对身份证验证是否合法，通过此功能严格此系统软件，从而过滤到很多水客。此篇文章主要是讲解如何用javascript正则表达式验证身份证号码是否合法,需要的朋友可以参考下
js正则表达式注册页面表单验证
01-19
正则表达式方式的验证方式，这个验证比较标准而且比较全面，不过也是通过点击提交按钮才进行验证，本实例可以这样验证，具体内容如下  也可以这样验证 具体代码 <html> <head> <meta ...
js正则表达式验证邮件地址
10-23
`test()` 方法是JavaScript正则表达式的一个方法，用于测试一个字符串是否符合正则表达式的模式。如果匹配成功，它返回`true`，否则返回`false`。 在提供的代码中，`check` 函数接收一个电子邮件地址作为参数，并...
javascript使用正则表达式实现注册登入校验
10-14
主要为大家详细介绍了javascript使用正则表达式实现注册登入校验，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
正则表达式及js校验表单代码（注册页面）
热门推荐
wyxqkkl的博客
08-26 1万+
校验表单             //用户名的规则：第一位是字母，只有由数字与字母组成，6位。     function checkName(){        //获取到了用户名的值        var userName = document.getElementById("username").value;        var userSp
用户名、密码等15个常用的js正则表达式
10-19
给大家收集整理了用户名和密码等15个常用的js正则表达式，需要的朋友参考下吧
js简单实现用户注册信息的校验代码
10-26
介绍了js简单实现用户注册信息的校验代码，有需要的朋友可以参考一下
js实现简单的注册验证
10-19
使用js实现简单的对用户名、密码的注册验证。password与repassword的验证。
JavaScript用户注册信息验证
weixin_34366546的博客
05-17 1112
用户注册信息验证是否正确一、Javascript方式二、正则表达式验证应用正则表达式验证：用户名4-16位，字母开头；用户名4-16位，首字母大写；两次密码是否相同；电话号码11位，并以1开头；出生日期在register.jsp脚本部分代码如下<scriptlanguage="JavaScript"type="text/javascript">func...
实验三.用js实现注册信息的有效检查
白山茶ι的博客
11-30 912
输入相应信息，点击提交按钮 若未输入用户名，弹出提示框： 若两次密码不一样，弹出提示框： 若邮箱格式不正确，弹出提示框: html代码 <body > <div id="div1"> <form method="post" name="form1" > <div> *用戶名：<input type="text" na...
js和html邮箱注册的正则,js邮箱正则表达式
weixin_39996035的博客
06-02 149
如何验证是否是正确的邮箱表达式？使用function validateEmail(email) {const re = /^(([^<>()\[\]\.,;:\s@"]+(\.[^<>()\[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-...
JS实现注册数据验证
qq_45429856的博客
09-08 597
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="index.html" name="myfrm" method="get" onsubmit="return flagSubmit();"> 用&nbsp;&nbsp;
js中用正则表达式验证用户注册信息，面试题解析
最新发布
sahtk89452的博客
04-17 823
var regemail={regstr:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,tip:‘请确认邮箱格式’};var regemail={regstr:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,tip:‘请确认邮箱格式’};var regphone={regstr:/^1\d{10}$/,tip:‘请输入11位的手机号’};”+“两次输入的密码不一致”+“
验证注册页面信息（JavaScript）
weixin_48112113的博客
07-19 1万+
1. 任务要求 1）正则表达式的使用； 2）如何获取表单元素？ 3）函数的应用； 4）掌握String对象的创建； 5）掌握String对象的常用方法； 6）表单验证的方法。 2. 需求说明 根据所给素材制作注册页面，使用JavaScript制作文本提示特效，验证页面数据的有效性，要求如下： （1）使用表单form的onsubmit事件，根据验证函数的返回值是true或false来决定是...
html验证用户注册信息：通过正则表达式验证用户注册信息
12-02
HTML本身并不支持验证用户注册信息，但可以通过JavaScript使用正则表达式来验证用户输入的信息。以下是一个简单的例子，演示如何使用正则表达式验证用户输入的电子邮件地址和密码是否符合规则： ```html <!DOCTYPE html> <html> <head> <title>用户注册</title> <script> function validateForm() { var email = document.forms["myForm"]["email"].value; var password = document.forms["myForm"]["password"].value; var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; var passwordPattern = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/; if (!emailPattern.test(email)) { alert("请输入有效的电子邮件地址"); return false; } if (!passwordPattern.test(password)) { alert("密码必须包含至少8个字符，其中至少1个字母和1个数字"); return false; } } </script> </head> <body> <h2>用户注册</h2> <form name="myForm" onsubmit="return validateForm()" method="post"> <label for="email">电子邮件地址:</label> <input type="text" id="email" name="email"><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br><br> <input type="submit" value="提交"> </form> </body> </html> ``` 在上面的例子中，我们使用了两个正则表达式来验证电子邮件地址和密码。`emailPattern`变量包含一个正则表达式，该正则表达式用于验证电子邮件地址是否有效。`passwordPattern`变量包含另一个正则表达式，该正则表达式用于验证密码是否符合规则。如果用户输入的电子邮件地址或密码不符合规则，则会弹出一个警告框，提示用户输入有效的信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值