javascript 에서 정규 표현 식 을 사용 하여 문자열 검증 예제

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>

좋은 웹페이지 즐겨찾기