숫자 입력금지 폼 > 그누3질답

그누3질답

숫자 입력금지 폼 정보

숫자 입력금지 폼

본문

뭐하나 해보려면 필요한게 많네요..
 
숫자입력금지 필드 구현은 어떻게 하는건지요??
 
검색에서는 영문만 혹은 영문과숫자만입력받기..등에 관하여는 꽤보이는데.
 
숫자만 입력금지하는 필드를 만들려고합니다.
 
질문이 너무짧으면 리플이 없을라나요..^^;;
  • 복사

댓글 전체

질문이 너무 짧습니다....^^

아래내용을 wrest.js에 뒤집어 씌웁니다.....

첨부된 부분은 아실수 있으실 겁니다....^^

그리고 사용하시려는 폼 필드에 nonnumeric하시면 됩니다...

피드백이 있으면 좋고 아니면 국물도 없다네요...호호호~~**

wrest.js
========================================
if (REQUIRE_ONCE == null)
{
    // 한번만 실행되게
    var REQUIRE_ONCE = true;

    var wrestMsg = "";
    var wrestFld = null;
    var wrestFldDefaultColor = "#FFFFFF";
    var wrestFldBackColor = "#FFE4E1";
    var arrAttr  = new Array ("required", "trim", "minlength", "email", "nospace", "numeric", "alpha", "alphanumeric", "jumin", "saupja", "nonnumeric");

    // subject 속성값을 얻어 return, 없으면 tag의 name을 넘김
    function wrestItemname(fld)
    {
        var itemname = fld.getAttribute("itemname");
        if (itemname != null && itemname != "")
            return itemname;
        else
            return fld.name;
    }

    // 양쪽 공백 없애기
    function wrestTrim(fld)
    {
        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
        fld.value = fld.value.replace(pattern, "");
        return fld.value;
    }

    // 필수 입력 검사
    function wrestRequired(fld)
    {
        if (wrestTrim(fld) == "") {
            if (wrestFld == null) {
// 3.30
// 셀렉트박스일 경우에도 필수 선택 검사합니다.
                wrestMsg = wrestItemname(fld) + " : 필수 "+(fld.type=="select-one"?"선택":"입력")+"입니다.\n";
                wrestFld = fld;
            }
        }
    }

    // 최소 길이 검사
    function wrestMinlength(fld)
    {
        var len = fld.getAttribute("minlength");
        if (fld.value.length < len) {
            if (wrestFld == null) {
                wrestMsg = wrestItemname(fld) + " :  최소 " + len + "자 이상 입력하세요.\n";
                wrestFld = fld;
            }
        }
    }

    // 전자메일주소 형식 검사
    function wrestEmail(fld)
    {
        if (!wrestTrim(fld)) return;

        //var pattern = /(\S+)@(\S+)\.(\S+)/; 전자메일주소에 한글 사용시
        var pattern = /([0-9a-zA-Z_-]+)@([0-9a-zA-Z_-]+)\.([0-9a-zA-Z_-]+)/;
        if (!pattern.test(fld.value)) {
            if (wrestFld == null) {
                wrestMsg = wrestItemname(fld) + " : 전자메일주소 형식이 아닙니다.\n";
                wrestFld = fld;
            }
        }
    }

    // 숫자인지검사
    // 배부른꿀꿀이님 추가 (http://dasir.com) 2003-06-24
    function wrestNumeric(fld)
    {
        if (fld.value.length > 0) {
            for (i = 0; i < fld.value.length; i++) {
                if (fld.value.charAt(i) < '0' || fld.value.charAt(i) > '9') {
                    wrestMsg = wrestItemname(fld) + " : 숫자가 아닙니다.\n";
                    wrestFld = fld;
                }
            }
        }
    }
   
    //숫자 못쓰게 하기
    //천상재회 (http://triplecubic.com) 2006-09-28
    function wrestNonNumeric(fld)
    {
        if (fld.value.length > 0) {
            for (i = 0; i < fld.value.length; i++) {
                if (fld.value.charAt(i) >= '0' && fld.value.charAt(i) <= '9') {
                    wrestMsg = wrestItemname(fld) + " : 숫자를 사용하실수 없습니다.\n";
                    wrestFld = fld;
                }
            }
        }
    }
    // 영문자 검사
    // 배부른꿀꿀이님 추가 (http://dasir.com) 2003-06-24
    function wrestAlpha(fld)
    {
        if (!wrestTrim(fld)) return;

        var pattern = /(^[a-zA-Z]+$)/;
        if (!pattern.test(fld.value)) {
            if (wrestFld == null) {
                wrestMsg = wrestItemname(fld) + " : 영문이 아닙니다.\n";
                wrestFld = fld;
            }
        }
    }

    // 영문자와 숫자 검사
    // 배부른꿀꿀이님 추가 (http://dasir.com) 2003-07-07
    function wrestAlphaNumeric(fld)
    {
      if (!wrestTrim(fld)) return;
      var pattern = /(^[a-zA-Z0-9]+$)/;
      if (!pattern.test(fld.value)) {
          if (wrestFld == null) {
              wrestMsg = wrestItemname(fld) + " : 영문 또는 숫자가 아닙니다.\n";
              wrestFld = fld;
          }
      }
    }

    // 주민등록번호 검사
    function wrestJumin(fld)
    {
      if (!wrestTrim(fld)) return;
      var pattern = /(^[0-9]{13}$)/;
      if (!pattern.test(fld.value)) {
          if (wrestFld == null) {
              wrestMsg = wrestItemname(fld) + " : 주민등록번호를 13자리 숫자로 입력하십시오.\n";
              wrestFld = fld;
          }
      } else {

            var sum_1 = 0;
            var sum_2 = 0;
            var at=0;
            var juminno= fld.value;
            sum_1 = (juminno.charAt(0)*2)+
                    (juminno.charAt(1)*3)+
                    (juminno.charAt(2)*4)+
                    (juminno.charAt(3)*5)+
                    (juminno.charAt(4)*6)+
                    (juminno.charAt(5)*7)+
                    (juminno.charAt(6)*8)+
                    (juminno.charAt(7)*9)+
                    (juminno.charAt(8)*2)+
                    (juminno.charAt(9)*3)+
                    (juminno.charAt(10)*4)+
                    (juminno.charAt(11)*5);
            sum_2=sum_1 % 11;

            if (sum_2 == 0) {
                at = 10;
            } else {
                if (sum_2 == 1)
                    at = 11;
                else
                    at = sum_2;
            }
            att = 11 - at;
            // 1800 년대에 태어나신 분들은 남자, 여자의 구분이 9, 0 이라는
            // 얘기를 들은적이 있는데 그렇다면 아래의 구문은 오류이다.
            // 하지만... 100살넘은 분들이 주민등록번호를 과연 입력해볼까?
            if (juminno.charAt(12) != att ||
                juminno.substr(2,2) < '01' ||
                juminno.substr(2,2) > '12' ||
                juminno.substr(4,2) < '01' ||
                juminno.substr(4,2) > '31' ||
                juminno.charAt(6) > 4) {
              wrestMsg = wrestItemname(fld) + " : 올바른 주민등록번호가 아닙니다.\n";
              wrestFld = fld;
            }

        }
    }

    // 사업자등록번호 검사
    function wrestSaupja(fld)
    {
      if (!wrestTrim(fld)) return;
      var pattern = /(^[0-9]{10}$)/;
      if (!pattern.test(fld.value)) {
          if (wrestFld == null) {
              wrestMsg = wrestItemname(fld) + " : 사업자등록번호를 10자리 숫자로 입력하십시오.\n";
              wrestFld = fld;
          }
      } else {

            var sum = 0;
            var at = 0;
            var att = 0;
            var saupjano= fld.value;
            sum = (saupjano.charAt(0)*1)+
                  (saupjano.charAt(1)*3)+
                  (saupjano.charAt(2)*7)+
                  (saupjano.charAt(3)*1)+
                  (saupjano.charAt(4)*3)+
                  (saupjano.charAt(5)*7)+
                  (saupjano.charAt(6)*1)+
                  (saupjano.charAt(7)*3)+
                  (saupjano.charAt(8)*5);
            sum += parseInt((saupjano.charAt(8)*5)/10);
            at = sum % 10;
            if (at != 0) { att = 10 - at;  }
            if (saupjano.charAt(9) != att) {
              wrestMsg = wrestItemname(fld) + " : 올바른 사업자등록번호가 아닙니다.\n";
              wrestFld = fld;
            }

        }
    }

    // 공백 검사후 공백을 "" 로 변환
    function wrestNospace(fld)
    {
        var pattern = /(\s)/g; // \s 공백 문자
        if (pattern.test(fld.value)) {
            if (wrestFld == null) {
                wrestMsg = wrestItemname(fld) + " : 공백이 없어야 합니다.\n";
                wrestFld = fld;
            }
        }
    }

    // submit 할 때 속성을 검사한다.
    function wrestSubmit()
    {
        wrestMsg = "";
        wrestFld = null;

        var attr = null;

        // 해당폼에 대한 요소의 갯수만큼 돌려라
        for (var i = 0; i < this.elements.length; i++) {
            // Input tag 의 type 이 text, file, password 일때만
// 3.30
// 셀렉트 박스일때도 필수 선택 검사합니다. select-one
            if (this.elements[i].type == "text" ||
                this.elements[i].type == "file" ||
                this.elements[i].type == "password" ||
                this.elements[i].type == "select-one" ||
                this.elements[i].type == "textarea") {
                // 배열의 길이만큼 돌려라
                for (var j = 0; j < arrAttr.length; j++) {
                    // 배열에 정의한 속성과 비교해서 속성이 있거나 값이 있다면
                    if (this.elements[i].getAttribute(arrAttr[j]) != null) {
                        // 기본 색상으로 돌려놓고
                        if (this.elements[i].getAttribute("required") != null) {
                            this.elements[i].style.backgroundColor = wrestFldDefaultColor;
                        }
                        switch (arrAttr[j]) {
                            case "required"    : wrestRequired(this.elements[i]); break;
                            case "trim"        : wrestRequired(this.elements[i]); break;
                            case "minlength"    : wrestMinlength(this.elements[i]); break;
                            case "email"        : wrestEmail(this.elements[i]); break;
                            case "nospace"      : wrestNospace(this.elements[i]); break;
                            case "numeric"      : wrestNumeric(this.elements[i]); break;
                            case "nonnumeric"  : wrestNonNumeric(this.elements[i]); break;
                            case "alpha"        : wrestAlpha(this.elements[i]); break;
                            case "alphanumeric" : wrestAlphaNumeric(this.elements[i]); break;
                            case "jumin"        : wrestJumin(this.elements[i]); break;
                            case "saupja"      : wrestSaupja(this.elements[i]); break;
                            default : break;
                        }
                    }
                }
            }
        }

        // 필드가 null 이 아니라면 오류메세지 출력후 포커스를 해당 오류 필드로 옮김
        // 오류 필드는 배경색상을 바꾼다.
        if (wrestFld != null) {
            alert(wrestMsg);
            wrestFld.style.backgroundColor = wrestFldBackColor;
            wrestFld.focus();
            return false;
        }

        if (this.oldsubmit && this.oldsubmit() == false)  {
            return false;
        }

        return true;
    }

    // 초기에 onsubmit을 가로채도록 한다.
    function wrestInitialized()
    {
        for (var i = 0; i < document.forms.length; i++) {
            // onsubmit 이벤트가 있다면 저장해 놓는다.
            if (document.forms[i].onsubmit) document.forms[i].oldsubmit = document.forms[i].onsubmit;
            document.forms[i].onsubmit = wrestSubmit;
            for (var j = 0; j < document.forms[i].elements.length; j++) {
                // 필수 입력일 경우는 * 배경이미지를 준다.
                if (document.forms[i].elements[j].getAttribute("required") != null) {
                    document.forms[i].elements[j].style.backgroundColor = wrestFldDefaultColor;
                    /*
                    document.forms[i].elements[j].className = "wrest_required";
                    document.forms[i].elements[j].style.backgroundPosition = "top right";
                    document.forms[i].elements[j].style.backgroundRepeat = "no-repeat";
                    */
                }
            }
        }
    }

    wrestInitialized();

}
어우~~ 소스깁니다..^^...@
결국은 요눔이군요..
 //숫자 못쓰게 하기
    //천상재회 (http://triplecubic.com) 2006-09-28
    function wrestNonNumeric(fld)
    {
        if (fld.value.length > 0) {
            for (i = 0; i < fld.value.length; i++) {
                if (fld.value.charAt(i) >= '0' && fld.value.charAt(i) <= '9') {
                    wrestMsg = wrestItemname(fld) + " : 숫자를 사용하실수 없습니다.\n";
                    wrestFld = fld;
                }
            }
        }
    }
음..요눔을 홈전체에 줘서는 뭐하니까..한페이지내에서 이용해봐야겠는데요..
그 외에도 추가된 부분이 있당께요.....

단지 그부분만 이라면 와이 제가 저 전체 소스를 드렸을까요?...호호호

사용은 마음대로 부분적용을 하셔도 되겠지유.....ㅠ.ㅠ
위소스가 잘동작되옵니다..
//숫자 못쓰게 하기
    //천상재회 (http://triplecubic.com) 2006-09-28
    function wrestNonNumeric(fld)
    {
        if (fld.value.length > 0) {
            for (i = 0; i < fld.value.length; i++) {
                if (fld.value.charAt(i) >= '0' && fld.value.charAt(i) <= '9') {
                    wrestMsg = wrestItemname(fld) + " : 숫자를 사용하실수 없습니다.\n";
                    wrestFld = fld;
                }
            }
        }
    }
단순히 이눔이아니군요..원래소스상 비교해봐야지..히히 감사합니다.
이제 비용만 수금하면 됩니다.....

지불하셔야지요?....호호호~~**

맨위에 nonnumeric와 맨 아래쪽 부분에 첨부된 곳이 있습니다......^^

var arrAttr  = new Array ("required", "trim", "minlength", "email", "nospace", "numeric", "alpha", "alphanumeric", "jumin", "saupja", "nonnumeric");//요기 끝에...


주욱 내려가다가

switch (arrAttr[j]) {
                            case "required"    : wrestRequired(this.elements[i]); break;
                            case "trim"        : wrestRequired(this.elements[i]); break;
                            case "minlength"    : wrestMinlength(this.elements[i]); break;
                            case "email"        : wrestEmail(this.elements[i]); break;
                            case "nospace"      : wrestNospace(this.elements[i]); break;
                            case "numeric"      : wrestNumeric(this.elements[i]); break;
                            case "nonnumeric"  : wrestNonNumeric(this.elements[i]); break; //요넘 추가
                            case "alpha"        : wrestAlpha(this.elements[i]); break;
                            case "alphanumeric" : wrestAlphaNumeric(this.elements[i]); break;
                            case "jumin"        : wrestJumin(this.elements[i]); break;
                            case "saupja"      : wrestSaupja(this.elements[i]); break;
                            default : break;
                        }
© SIRSOFT
현재 페이지 제일 처음으로