<script type="text/javascript">
var totalchek = function(chek){
var frm = chek;
if(chek.id.value.match(/^[a-z]+[0-9a-zA-Z]{4,12}\w*/g)!=chek.id.value){
alert!("아이디는 첫자리는 영어소문자이고 4자리에서12자리를 입력하세요");
chek.id.value='';
return;
}
if(chek.pw.value.match(/^[a-z][0-9a-zA-Z]{6,12}\w*/g)!=chek.pw.value){
alert!("패스워드는 첫자리는 영어소문자이고 6자리에서12자리를 입력하세요");
chek.pw.value="";
return;
}
if(chek.mail.value.match(/[a-z0-9A-Z]+@[0-9A-Za-z]+(.[a-z]+)+/g)!=chek.mail.value){
alert!("이메일형태는 dark602@hanmail.net와같은 형식입니다.");
chek.mail.value="";
return;
}
if(chek.num.value.match(/^[0-9]*$/g)!=chek.num.value){
alert!("숫자만입력해주세요~!!!!");
chek.num.value="";
return;
}
if(chek.phone.value.match(/^[0][0-9]{1,2}\-[0-9]{3,4}\-[0-9]{4}$/g)!=chek.phone.value){
alert!("0xx or 0x - xxx or xxxx - xxxx의 형태로 입력을 하셔야 합니다.");
chek.phone.value="";
return;
}
if(chek.mphone.value.match(/01[016789]\-[0-9]{3,4}\-[0-9]{4}/g)!=chek.mphone.value){
alert!("핸드폰번호는01x(016789)-(xxx or xxxx)-xxxx의 형태입니다.");
chek.mphone.value="";
return;
}
if(chek.date.value.match(/[0-9]{4}\.[0-9]{2}\.[0-9]{2}/g)!=chek.date.value){
alert!("날자의 형식은 xxxx.xx.xx입니다.");
chek.date.value="";
return;
}
if(chek.homp.value.match(/http\:\/\/[a-z0-9]+\.[0-9a-z]+(.[a-z]+)+\/[a-z0-9]+/g) !=chek.homp.value){
alert!("홈페이지는 http://x.x.x/xxx대충 이러한형태입니다.");
chek.homp.value="";
return;
}
if(chek.ch[0].checked==false){
for(var i=1;i<3;i++){
if(chek.ch[i].checked!=false){
return;
}
}
alert!("체크박스를 선택해주세요.");
return;
}
if(chek.ra[0].checked==false){
for(var i=1;i<3;i++){
if(chek.ch[i].checked!=false){
return;
}
}
alert!("라디오박스를 선택해주세요.");
return;
}
if(chek.idcard.value.match(/^[1234]+[0-9]*$/g)!=chek.idcard.value){
alert!("앞자리는 1,2,3,4만 들어갈 수 있습니다..");
chek.idcard.value="";
return;
}
if(chek.biznum.value.match(/[0-9]{3}\-[0-9]{2}\-[0-9]{5}/g)!=chek.biznum.value){
alert!("xxx-xx-xxxxx의 형태로 작성하셔야합니다.");
chek.biznum.value="";
return;
}
};
</script>
</head>
<body>
<div id="logForm">
<form name="login" method="post">
<table>
<tr>
<td>ID</td>
<td><input type="text" name="id" value="" size="20" maxLength="14"style="ime-mode:disabled"></td>
<td>pwd</td>
<td><input type="password" name="pw" value=""></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="mail" value="" size="20"></td>
<td>숫자만</td>
<td><input type="text" name="num" value=""style="ime-mode:disabled"></td>
</tr>
<tr>
<td>전화번호</td>
<td><input type="text" name="phone" value="" size="15" maxLength="13"style="ime-mode:disabled"></td>
<td>휴대폰번호</td>
<td><input type="text" name="mphone" value=""style="ime-mode:disabled"></td>
</tr>
<tr>
<td>날짜</td>
<td><input type="text" name="date" value="" size="20" maxLength="10"></td>
<td>홈페이지</td>
<td><input type="text" name="homp" value=""></td>
</tr>
<tr>
<td>체크박스</td>
<td>
<input type="checkbox" name="ch" value="" size="20" maxLength="10">갑
<input type="checkbox" name="ch" value="" size="20" maxLength="10">을
<input type="checkbox" name="ch" value="" size="20" maxLength="10">병
</td>
<td>라디오박스</td>
<td>
<input type="radio" name="ra" value="">갑
<input type="radio" name="ra" value="">을
<input type="radio" name="ra" value="">병
</td>
</tr>
<tr>
<td>셀렉트박스</td>
<td>
<select >
<option selected>갑
<option>을
<option>병
</select>
</td>
<td>주민등록번호</td>
<td><input type="text" name="num1"size="8" value=""maxLength="6">-<input type="password" name="idcard" size="8"value=""maxLength="7"></td>
</tr>
<tr>
<td>사업자등록번호</td>
<td><input type="text" name="biznum" value="" size=""></td>
<td>일반</td>
<td><input type="text" name="" value=""></td>
</tr>
<tr>
<td></td>
<td><input type="button" name="botton" value="등록" size=""onclick="totalchek(document.login)"></td>
<td></td>
<td></td>
</tr>
</table>
</form>
</div>
</body>
</html>
'프론트앤드 개발' 카테고리의 다른 글
| 프리마커문법 (0) | 2010.02.25 |
|---|---|
| CSS hack모음 (0) | 2010.02.25 |
| Java-script 로 1000단위 구분 콤마 찍기.. (0) | 2010.02.25 |
| a href를 button의 onClick로 바꾸기 (0) | 2010.02.25 |
| <span>의 자식도 되고 <div>의 부모도 될수 있는 것들 (0) | 2010.02.25 |