jquery | 자바스크립트 기초 예제

1.window.print 를 이용한 프린트 해보기

<scRIPT LANGUAGE="Javascript">
<!--

function printWin()

{
window.print();
}

//-->
</scRIPT>

<INPUT TYPE="button" VALUE="인쇄하기" onclick="printWin()">

빨간색 글씨인 onclick 부분을 클릭하면 printWin()을 통해 window.print() 가 실행이 됩니다.

2.자바스크립트로 한글입력 검사하는 방법

<scRIPT LANGUAGE="Javascript">
<!--
function hcheck(x){
for (i = 0; i < x.hname.value.length; i++)
{
var CodeNum = x.hname.value.charCodeAt(i);
if (CodeNum < 128) {
alert("한글로 입력해야 합니다.");
x.hname.value="";
x.hname.focus();
return;
}
}
alert("잘 입력하셨습니다.")
}
//-->
</scRIPT>

<FORM>
이름: <INPUT NAME="hname">
<INPUT TYPE="button" VALUE="검사 시작" onclick="hcheck(this.form)">
</FORM>

위 빨간색 부분이 입력받은 글자를 변환하는 부분입니다.(아래 128보다 크게 나와야 True를 반환해서 한글체크가 완료됩니다.)

파란색의 this.form은 NAME="hname" 값을 의미합니다.

3.자바스크립트로 숫자입력 검사하는 방법

<scRIPT LANGUAGE="Javascript">
<!--
function n_check(x) {
if(isNaN(x.n1.value)||isNaN(x.n2.value)){
alert("숫자를 입력해 주세요.");
x.n1.value=x.n2.value="";
x.n1.focus();
return;
}
else{
alert("잘 입력하셨습니다.");
}
}
//-->
</scRIPT>

<FORM>
휴대폰 번호: <INPUT NAME="n1" SIZE="10"> - <INPUT NAME="n2" SIZE="10"">
<INPUT TYPE="button" VALUE="검사 시작" onclick="n_check(this.form)">
</FORM>

빨간색 글에서쓰인 isNaN은 NaN(Not a Number)인지 판단하는 메서드 입니다. (넘어온 값이 숫자인지를 체크하는거죠)

자바스크립트소스의 녹색부분인 x.n1.value="";?<은 인풋박스 값을 초기화시키는 방법이고

아래부분인 x.n1.focus();? 는 키보드 커서 위치를 INPUT박스 n1으로 변경합니다.

4.자바스크립트로 주민번호 타당성 검사법

<scRIPT LANGUAGE="Javascript">
<!--
function c_check(x) {
var yy = x.c1.value.substring(0,2);
var mm = x.c1.value.substring(2,4);
var dd = x.c1.value.substring(4,6);
var gender = x.c2.value.substring(0,1);
var ck=0;

// 처음 7자 검사
if (x.c1.value.length != 6 || x.c2.value.length != 7 || yy < 20 || mm < 1 || mm > 12 || dd < 0 || dd > 31 || gender > 2 || gender < 1) {
alert("잘못된 주민등록번호입니다.");
x.c1.value=x.c2.value="";
x.c1.focus();
return;
}

//끝자리 검증번호 유효성 검사
var total = x.c1.value + x.c2.value;
for (i=0; i < 12; i++) {
ck += (i%8+2)*total.substring(i, i+1);
}
ck = (11-(ck%11))%10;
if (parseInt(ck) != parseInt(total.substring(12, 13))) {
alert("잘못된 주민등록번호입니다.")
x.c1.value=x.c2.value="";
x.c1.focus();
return;
}
alert("잘 입력하셨습니다.")
}
//-->
</scRIPT>

<FORM>
주민등록 번호: <INPUT NAME="c1" SIZE="10" MAXLENGTH="6"> -
<INPUT NAME="c2" SIZE="10" MAXLENGTH="7">
<INPUT TYPE="button" VALUE="검사 시작" onclick="c_check(this.form)">
</FORM>

빨간색 부분이 주민번호 앞자리 7개를 체크하는 부분입니다.

우선 앞자리와 뒷자리 length을 이용하여 자릿수 체크를 한후 yy,mm,dd로 생년월일을 체크합니다. 그리고 gender를 이용해 성별체크합니다.

파란색 부분이 주민번호 뒷자리 체크부분입니다.