아데니아
70
2019-08-08 14:06:37
4
143

jsp 폼 유효성 검사(form validate check) 팁좀 받고싶습니다.


회원가입이나 설문 조사같은 인풋과 채크박스/라디오 버튼이 많은 폼에서

유효성 검사를 만들어야하는데....

 if (form.PW.value==""){
      alert("PW를 입력하세요");
      form.PW.focus();
      return;
  }

기존에 이 방법밖에 저는 몰라서요... 더 좋고 간단한 방법들이 있을까요 ??
이방법을 고수하는 대는 이유가 있는건가요 ?? ( 예를들어서 웹 표준화 라든지...)
0
0
  • 답변 4

  • 지나가던신입
    454
    2019-08-08 14:18:17

    '.' .. 제일 간단한건 required 걸어주는거죠,,, 빈칸이면 알아서 포커스에 안내메세지까지 띄워주니까요

    0
  • redeye0922
    903
    2019-08-08 14:24:33 작성 2019-08-08 14:27:10 수정됨

    Parsley 같은 유효성 검증 라이브러리 같은거 사용하기도 하고 그렇게 직접 구현하기도 합니다

    특별히 표준이라고 잡혀있는 것은 잘 모르겠고 각 프로젝트마다 UI표준 라이브러리나 그런것을

    명시하고 공통 잡아뒀다면 거기에 맞춰서 개발을 하죠


    위에서 언급하신 required속성 걸어주시는것도 방법이긴합니다만 HTML5에서 지원해주는 기능이라

    IE10미만으로는 호환이 안될것이고요

    0
  • 아데니아
    70
    2019-08-08 14:33:40

    답변감사드립니다...  여러가지 방법중에 가장 추천해주신다면 어떤 방법일까요 ??

    0
  • full
    693
    2019-08-08 15:06:45 작성 2019-08-08 15:07:35 수정됨

    위분들의 말처럼 required 등 간단한것들은 충분히 있지만

    호환에서 문제가 될겁니다.

    어떤 브라우저에선 잘되고 어떤브라우저에선 안되고 하기때문에 문제가됩니다.

    그래서 작성자분께서 하고 계신방법외엔 별로 추천드리고 싶지 않네요.


    다만 작성자님이 하신 기능을 공통컴포넌트로

    만들어서 사용하시면 앞으로 편리해지실겁니다.


    예를들어 

    <form>

      input text id="a1" class="onlytext"

     input text id="a2" class="onlyint"

    </form>

    이런 폼이있다면


    form_validation(form) 같은 함수를 구현하셔서

    $("form[id="+$(form).id+"] :input").each(function(){

        if ($(this).hasClass("onlytext")) {

          문자체크 소스 구현.....

          alert("문자만 입력가능합니다");

          $(this).focus();


     if ($(this).hasClass("onlyint")) {

      정수체크 소스 구현

      alert("숫자만 가능합니다.");


    이런식으로 구현하는데는 좀 걸리겠지만 하나 만들어놓고 사용하시면

    매 페이지마다 벨리데이션체크를 하는일은 줄어들겠네요 ^^



    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.