<html>
<head>
<title>지금, 시작합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.input_text{padding-left:3px;}
</style>
<script type="text/javascript">
<!--
function checkErr()
{
var frm = document.TestFrm ;
var szKor = frm.szKor.value ;
// 위에껄 풀어쓰면 이렇게된다 ''szKor = document.TestFrm.szKor.value'';
var L_szKor = (szKor.length) ;
var szEng = frm.szEng.value ;
var L_szEng = (szEng.length) ;
var szNum = frm.szNum.value ;
var L_szNum = (szNum.length) ;
//자바스크립트 정규식 한글 / 길이 체크!
if( szKor == "")
{
alert( "한글을 입력해주세요" )
frm.szKor.value="";
frm.szKor.focus();
return false;
}
else
{
var kor_check = /([^가-힣ㄱ-ㅎㅏ-ㅣ\x20])/i;
if (kor_check.test(szKor))
{
alert("한글만 입력할 수 있습니다.");
frm.szKor.value="";
frm.szKor.focus();
return false;
}
else
{
if( L_szKor < 2 || L_szKor > 6 )
{
alert("2~6글자만 입력할수 있습니다.");
frm.szKor.value="";
frm.szKor.focus();
return false;
}
}
}
//자바스크립트 정규식 영어 / 길이 체크!
if( szEng == "" )
{
alert ( " 영어을 입력해주세요" )
frm.szEng.value="";
frm.szEng.focus();
return false;
}
else
{
var eng_check = /^[A-za-z]/g;
if (eng_check.test(szEng))
{
if( L_szEng < 2 || L_szEng > 6 )
{
alert("2~6글자만 입력할수 있습니다.");
frm.szEng.value="";
frm.szEng.focus();
return false;
}
}
else
{
alert("영어만 입력할 수 있습니다.");
frm.szEng.value="";
frm.szEng.focus();
return false;
}
}
//자바스크립트 정규식 숫자 / 길이 체크!
if( szNum == "" )
{
alert ( " 숫자를 입력해주세요" )
frm.szNum.value="";
frm.szNum.focus();
return false;
}
else
{
var num_check=/^[0-9]*$/;
if(num_check.test(szNum))
{
if( L_szNum < 3 || L_szNum > 6 )
{
alert("3~6글자만 입력할수 있습니다.");
frm.szNum.value="";
frm.szNum.focus();
return false;
}
}
else
{
alert ( "숫자만 입력할 수 있습니다." );
frm.szNum.value="";
frm.szNum.focus();
}
}
}
//-->
</script>
</head>
<body>
<form name="TestFrm" id="TestFrm" onsubmit="return checkErr();">
<table width="300" border="1" cellspacing="0" cellpadding="0" valign="center">
<tr height="30"><td align="center" colspan="2">지금, 시작합니다
</td></tr>
<tr height="30" >
<td align="center">한글만</td>
<td align="left" class="input_text"><input type="text" name="szKor" id="szKor" value="안녕"></td>
</tr>
<tr height="30" >
<td align="center">영어만</td>
<td align="left" class="input_text"><input type="text" name="szEng" id="szEng" value="ss"></td>
</tr>
<tr height="30" >
<td align="center">숫자만</td>
<td align="left" class="input_text"><input type="text" name="szNum" id="szNum"></td>
</tr>
<tr height="30">
<td align="center" colspan="2"><input type="submit" value="확인"></td>
</tr>
</table>
</form>
</body>
</html>
'Web > JavaScript' 카테고리의 다른 글
| iframe 자식창에서 post방식으로 값 보내는법! (0) | 2015.05.12 |
|---|---|
| [자바스크립트] 레이어 말풍선 (0) | 2014.02.13 |