javascript中使用正则表达式进行字符串验证示例
程序员文章站
2022-04-09 21:18:51
var reg=/正则表达式/； boolean reg.test(要验证的字符串); js引擎会将/正则表达式/“”转换成一个regexp对象，当字符串满足正则表达式的要...
var reg=/正则表达式/；
boolean reg.test(要验证的字符串);
js引擎会将/正则表达式/“”转换成一个regexp对象，当字符串满足正则表达式的要求事，返回true。
我写的一个表达式验证示例：功能如下：
用户名，不能为空
密码6为数字
密码确认，两次输入密码必须相同
身份证号码必须是15位，或者是18位，最末尾也可以是x(该功能还没有写，有时间再补上)
<!doctype html>
<html>
<head>
<title>testtablel.html</title>
<!-- 用户名，不能为空
密码6为数字
密码确认，两次输入密码必须相同
身份证号码必须是15位，或者是18位，最末尾也可以是x -->
<style>
#d1 {
width: 400px;
height: 250px;
background-color: #ffe4b5;
margin: 40px auto;
}
#d1_head {
color: white;
font-size: 20px;
font-family: "arial";
height: 24px;
background-color: bule;
}
#d1_content {
padding-left: 30px;
padding-top: 30px;
}
.s1 {
color: red;
font-style: italic;
}
.s2 {
border: 2px dotted blue;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script>
function check_username(){
var txtobj=document.getelementbyid("username");
txtobj.classname='';
var msgobj=docuemnt.getelementbyid("username_msg");
msgobj.innerhtml='';
if(txtobj.value.length==0){
msgobj.innerhtml='用户名不能为空';
//给节点的class属性赋值
txtobj.classname='s2';
return false;
}
return true;
}
function check_pwd(){
var pwdobj=document.getelementbyid("pwd");
pwdobj.classnames='';
var msgobj=document.getelementbyid("pwd_msg");
msgobj.innerhtml='';
var reg=/^\d{6}$/;
//javascript中一个test方法，返回boolean
if(!reg.test(pwdobj.value)){
msgobj.innerhtml='密码是6位数';
pwdobj.classname='s2';
return false;
}
return true;
}
function check_pwd1(){
var pwdobj=document.getelementbyid("pwd");
// pwdobj.classnames='';
// var msgobj=document.getelementbyid("pwd_msg");
// msgobj.innerhtml='';
var pwdobj1=document.getelementbyid("pwd1");
//pwdobj1.classnames='';
var msgobj1=document.getelementbyid("pwd_msg1");
msgobj1.innerhtml='';
if(pwdobj.value!=pwdobj1.value){
msgobj1.innerhtml='密码不一致，请重新输入';
return false;
}
return true;
}
function check_form(){
var flag=check_username()&&check_pwd()&&check_pwd1;
return flag;
}
</script>
</head>
<body>
<div id="d1">
<div id="d1_head">注册</div>
<div id="d1_content">
<form onsubmit="return check_form();">
<table>
<tr>
<td>用户名</td>
<td><input id="username" name="username"
onblur="check_username();" /> <span class="s1" id="username_msg"></span>
</td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" id="pwd" name="pwd"
onblur="check_pwd();" /> <span class="s1" id="pwd_msg"></span></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" id="pwd1" name="pwd1"
onblur="check_pwd1();" /> <span class="s1" id="pwd_msg1"></span>
<tr>
<td colspan="2">
<input type="submit" value="确认" /> <input type="reset"
value="重置" />
</td>
</tr></table>
</form>
</div>
</div>
</body>
</html>
boolean reg.test(要验证的字符串);
js引擎会将/正则表达式/“”转换成一个regexp对象，当字符串满足正则表达式的要求事，返回true。
我写的一个表达式验证示例：功能如下：
用户名，不能为空
密码6为数字
密码确认，两次输入密码必须相同
身份证号码必须是15位，或者是18位，最末尾也可以是x(该功能还没有写，有时间再补上)
复制代码 代码如下:
<!doctype html>
<html>
<head>
<title>testtablel.html</title>
<!-- 用户名，不能为空
密码6为数字
密码确认，两次输入密码必须相同
身份证号码必须是15位，或者是18位，最末尾也可以是x -->
<style>
#d1 {
width: 400px;
height: 250px;
background-color: #ffe4b5;
margin: 40px auto;
}
#d1_head {
color: white;
font-size: 20px;
font-family: "arial";
height: 24px;
background-color: bule;
}
#d1_content {
padding-left: 30px;
padding-top: 30px;
}
.s1 {
color: red;
font-style: italic;
}
.s2 {
border: 2px dotted blue;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script>
function check_username(){
var txtobj=document.getelementbyid("username");
txtobj.classname='';
var msgobj=docuemnt.getelementbyid("username_msg");
msgobj.innerhtml='';
if(txtobj.value.length==0){
msgobj.innerhtml='用户名不能为空';
//给节点的class属性赋值
txtobj.classname='s2';
return false;
}
return true;
}
function check_pwd(){
var pwdobj=document.getelementbyid("pwd");
pwdobj.classnames='';
var msgobj=document.getelementbyid("pwd_msg");
msgobj.innerhtml='';
var reg=/^\d{6}$/;
//javascript中一个test方法，返回boolean
if(!reg.test(pwdobj.value)){
msgobj.innerhtml='密码是6位数';
pwdobj.classname='s2';
return false;
}
return true;
}
function check_pwd1(){
var pwdobj=document.getelementbyid("pwd");
// pwdobj.classnames='';
// var msgobj=document.getelementbyid("pwd_msg");
// msgobj.innerhtml='';
var pwdobj1=document.getelementbyid("pwd1");
//pwdobj1.classnames='';
var msgobj1=document.getelementbyid("pwd_msg1");
msgobj1.innerhtml='';
if(pwdobj.value!=pwdobj1.value){
msgobj1.innerhtml='密码不一致，请重新输入';
return false;
}
return true;
}
function check_form(){
var flag=check_username()&&check_pwd()&&check_pwd1;
return flag;
}
</script>
</head>
<body>
<div id="d1">
<div id="d1_head">注册</div>
<div id="d1_content">
<form onsubmit="return check_form();">
<table>
<tr>
<td>用户名</td>
<td><input id="username" name="username"
onblur="check_username();" /> <span class="s1" id="username_msg"></span>
</td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" id="pwd" name="pwd"
onblur="check_pwd();" /> <span class="s1" id="pwd_msg"></span></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" id="pwd1" name="pwd1"
onblur="check_pwd1();" /> <span class="s1" id="pwd_msg1"></span>
<tr>
<td colspan="2">
<input type="submit" value="确认" /> <input type="reset"
value="重置" />
</td>
</tr></table>
</form>
</div>
</div>
</body>
</html>
下一篇： 基于ES6作用域和解构赋值详解
推荐阅读
-
JavaScript使用简单正则表达式的数据验证功能示例
-
javascript中使用正则表达式实现删除字符串中的前后空格
-
JavaScript 使用正则表达式进行表单验证的示例代码
-
如何使用JavaScript和正则表达式进行数据验证
-
javascript中使用正则表达式进行字符串验证示例
-
JavaScript中的正则表达式使用及验证qq号码的正则
-
JavaScript：17-正则表达式、正则表达式概述、正则表达式在js中的使用、正则表达式中特殊字符、表单验证、正则替换replace
-
JavaScript使用简单正则表达式的数据验证功能示例
-
如何使用JavaScript和正则表达式进行数据验证
-
javascript中使用正则表达式进行字符串验证示例