입력값 체크 스크립트 > JavaScript

##################  첫번 째 ########################
 <script language="javascript">
 <!--
function checkInput() {
          var form = document.signform;
        if(!form.m_id.value) {
                alert("아이디(ID)을 입력하세요!");
                form.m_id.focus();
                return;
        }
        if(!IsID(form.m_id.name)) {
                alert("아이디는 5 ~ 10자의 영문소문자나 숫자 또는 문자열이어야 합니다!");
                form.m_id.focus();
                form.m_id.select();
                return;
        }
        if(!form.m_passwd.value) {
                alert("비밀번호를 입력하세요!");
                form.m_passwd.focus();
                return;
        }
        if(!IsPW(form.m_passwd.name)) {
                alert("비밀번호는 4 ~ 8자의 영문자나 숫자 또는 조합된 문자열이어야 합니다!");
                form.m_passwd.focus();
                form.m_passwd.select();
                return;
        }

 // 두개의 값을 서로 비교할 경우 사용 됨
        if(form.m_passwd.value != form.m_repasswd.value) {
                alert("입력하신 비밀번호가 일치하지 않습니다.\n 다시 확인하시고 입력하여 주십시오!");
                  form.m_repasswd.focus();
                  form.m_repasswd.select();
                  return;
        }


 // 라디오 선택버턴에 따라 꼭 값이 들어가야 할 경우..
        if (frm.dGroupKind[1].checked) {
                if (!frm.dGroup.value){
                        alert("단지명을 입력하세요!");
                        frm.dGroup.focus();
                        return false;
                }
        }



 //길이가 0인값을 찾는다...셀렉트나 이런 것들도 사용하면 될 것 같음....
 //지금 부터는 주민등록번호 체크 스크립트..................................       
        if(form.m_pri_num1.value.length==0) {
                alert("주민번호를 입력하세요!");
                form.m_pri_num1.focus();
                return false;
        } else if(form.m_pri_num2.value.length==0) {
                alert("주민번호를 입력하세요!");
                form.m_pri_num2.focus();
                return false;
        } else if(form.m_pri_num2.value.length != 0) {
       
        var chk = 0;
        var yy = form.m_pri_num1.value.substring(0,2);
        var mm = form.m_pri_num1.value.substring(2,4);
        var dd = form.m_pri_num1.value.substring(4,6);
        var sex = form.m_pri_num2.value.substring(0,1);
       
        if((form.m_pri_num1.value.length!=6) || (yy<25||mm<1||mm>12||dd<1)) {
                alert("주민등록번호를 바로 입력하여 주십시오.");
                form.m_pri_num1.focus();
                return false;
                }
               
        if((sex!=1 && sex!=2) || (form.m_pri_num2.value.length!=7)) {
                alert("주민등록번호를 바로 입력하여 주십시오.");
                form.m_pri_num2.focus();
                return false;
                }
               
                for(var i=0; i<=5; i++) {
                chk = chk + ((i%8+2) * parseInt(form.m_pri_num1.value.substring(i, i+1)))
                }
                for(var i=6; i<=11; i++) {
                chk = chk + ((i%8+2) * parseInt(form.m_pri_num2.value.substring(i-6, i-5)))
                }
                chk = 11-(chk%11);
                chk = chk % 10;
               
                if(chk != form.m_pri_num2.value.substring(6,7))
                {
                alert ("유효하지 않은 주민등록번호입니다.");
                form.m_pri_num1.focus();
                return false;
                }
        }

 //숫자체크...전화번호나 숫자만을 입력할 곳에서 유용...아래 함수와 함께...
        if(!form.m_phone1.value) {
                alert("자택 전화번호를 입력하세요!");
                form.m_phone1.focus();
                return;
        }
        if(form.m_phone1.value) {
                if(!IsNumber(form.m_phone1.name)) {
                alert("전화번호는 숫자여야 합니다.!");
                form.m_phone1.focus();
                return;
                }
        }

        form.submit();
 }


 function IsID(formname) {

        var form = eval("document.signform." + formname);

        if(form.value.length < 5 || form.value.length > 10) {
                return false;
        }
        for(var i=0; i < form.value.length; i++) {
                var chr = form.value.substr(i, 1);
                if((chr < '0' || chr > '9') && (chr < 'a' || chr > 'z')) {
                        return false;
                }
        }
        return true;
 }


 function IsPW(formname) {
        var form = eval("document.signform." + formname);

        if(form.value.length < 4 || form.value.length > 8) {
                return false;
        }
        for(var i=0; i < form.value.length; i++) {
                var chr = form.value.substr(i, 1);
                if((chr < '0' || chr > '9') && (chr < 'a' || chr > 'z')
                && (chr < 'A' || chr > 'Z')) {
                return false;
                }
        }
        return true;
 }

 function IsNumber(formname) {
        var form = eval("document.signform." + formname);

        for(var i=0; i < form.value.length; i++) {
                var chr = form.value.substr(i, 1);
                if(chr < '0' || chr > '9') {
                        return false;
                }
        }
        return true;
 }

 //우편번호 찾기 ..즉 자바로 새창 띄우기............................
function ZipWindow(ref, what) {
        var window_left = (screen.width-640)/2;
        var window_top = (screen.height-480)/2;
        ref = ref + "?what=" + what;
        window.open(ref, "zipWin", 'width=550, height=200, status=no, top=' + window_top + ',left=' + window_left + '');
 }



 //아이디 찾기 새창 띄우기. 우편번호 찾기랑 비슷함...
function check_ID_Window(ref) {
        var m_id = eval(document.signform.m_id) ;

        if(!m_id.value) {
                alert('아이디(ID)를 입력하신 후에 확인하세요!');
                m_id.focus();
                return;
        } else {
        ref = ref + "?m_id=" + m_id.value;
        var window_left = (screen.width-640)/2;
        var window_top = (screen.height-480)/2;
        window.open(ref,"checkIDWin", 'width=250, height=160, status=no, top=' + window_top + ',left=' + window_left + '');
        }
 }
 //-->
 </script>


-----------------------------------하위의 버튼은

<form>

 <input type=종류.... name=....>

 <input type="button" value="ID 중복확인" onClick="check_ID_Window('check_id.php3')">

 <input type="button" value="우편번호 찾기" onClick="ZipWindow('zipsearch.php3', 1)">                       

 <input type="button" value="가입신청" onClick="checkInput()">
 </form>

 ##################  두번 째 ########################
 <script language="JavaScript">
 <!--
function formcheck(){
  var form = document.signform;
    form.action="/액션실행하자...html";
    var mode = "save";
    form.mode.value = mode;
    return true;
 }
 //-->
 </script>

 <form name=signform method=post onSubmit="return formcheck();">
 <input type="hidden" name="mode">
 <input type="image" src="./image/booking.gif" width="64" height="21" border="0">
 </form>
 </table>