입력란에 값이 없을 때 메세지 띄우기

오늘은 자바스크립트에서 통상적으로 많이 사용하는 방식 중에

입력칸 (text) 에 값이 없을 때 원하는 메세지를 띄우고 해당 칸에 커서를 가는 방법을 하나의 함수로 묶어서 사용하는 함수를 소개하고자 합니다.

이미 알고 있을 내용을 조합해서 쉽게쉽게 쓰고자 하는 라이브러리라 생각됩니다.

* 함수

// parm_obj :form object

// parm_msg : 미입력 시 띄울 메세지

// parm_focus_skip : 포커스를 갈지 안갈지 유무

function NullCheckMessage(parm_obj, parm_msg, parm_focus_skip)

{

var obj = parm_obj;

if(obj.value==""){

alert(parm_msg);

if(parm_focus_skip != "skip") obj.focus();

return 0;

}

return 1;

}

* 사용법

var f = document.write_form;

if( !NullCheckMessage(f.f_id, "아이디를 입력해 주세요.", "") ) return;    // if 앞에 ! 주의

자바스크립트 사용할 때 NullCheckMessage 함수 하나로 쉽게쉽게 처리가 됩니다.~^^

참고로 포커스(focus)가 갈수 없는 object 일 경우 "skip" 을 넣어서 .focus 을 하지 않도록 하면 됩니다.

if( !NullCheckMessage(f.f_id, "아이디를 입력해 주세요.", "skip") ) return;