개발 Q&A

제목 jquery form validator
카테고리 JavaScript
글쓴이 Leader군 작성시각 2017/10/12 09:37:09
댓글 : 7 추천 : 0 스크랩 : 0 조회수 : 13556   RSS

현재 jquery form-validator   2.3.77( http://www.formvalidator.net/index.html )    최신 버전을 사용하고 있는데 

input 인증을 할려고 합니다. 

$("#formtage").validate({

lang: 'ko'

});

 

이렇게 하여 사용하고 있는데 

<input type="text" name="id" id="id" value="" placeholder="ID" required minlength="2" maxlength="10">

이렇게 하니깐 jquery form-validator가 정상적으로 작동합니다.

문제는 input가 전화번호를 입력 받을 적   숫자인지 아닌지 체크 할려고 하는데 

script가 아닌  input에 어떻게 작성하면 될가요. 

class 에 검증을 추가해도 안되고 

data-validation="number" data-validation-allowing="range[1;100]"

이렇게 추가해도 안됩니다.  ㅠㅠㅠㅠ

input 에 어떻게 작성하면 숫자 검증이 가능할가요.

--------------------------

이부분은 수정하지 않고요.

$("#formtage").validate({

lang: 'ko'

});

-------------------

 

<input type="text" id="tel" name="tel" value="123"  placeholder="연락처" required data-validation="number" data-validation-allowing="float">

$("#formid").validate({

          lang: 'ko',         

decimalSeparator : ','     

 });

 

이렇게 했는데도 안되요.
 다음글 아파치 coredump 관련 질문입니다. (4)
 이전글 게시판에서 에디터 사용시 업로드된 이미지 관리관련 질... (6)
목록

댓글

한대승(불의회상) / 2017/10/12 10:17:24 / 추천 0
Leader군 / 2017/10/12 14:48:30 / 추천 0
위 방법대로 했는데 안되요.
한대승(불의회상) / 2017/10/12 17:24:24 / 추천 0

메뉴얼에 있는 소스코드 그대로 복사해서 테스트를 해보세요.

그래도 안된다면 뭔가 설정이 잘못된거겠죠.

올려주신 게시물 내용만으로는 뭐가 잘못되었는지 알 수가 없군요.
Leader군 / 2017/10/13 13:48:38 / 추천 0

수정하여 현재 정상 작동은 됩니다.

<script src="/js/js.js">    -><script src="/js/js.js"></script>

이렇게 수정하니  되는데  문제는 

$("#formtage").validate({

lang: 'ko'

});

이렇게 하면 작동이 안되요 

만약에 한페이지에 여러개의 form이 있다면 어떻게 적용하죠?
한대승(불의회상) / 2017/10/13 14:33:08 / 추천 0
form tag에 id를 지정하고 $('#id').validate({...}) 하면 됩니다.
Leader군 / 2017/10/13 16:08:55 / 추천 0

<form action="" method="POST" id="test">
          <input type="text" id="tel" name="tel" value="<?php echo '1a' ?>"  placeholder="연락처" required data-validation="number" data-validation-allowing="float">
          <br/>
          <p>
            <input type="submit">
        </p>
        </form>
        <script src="./js/jquery/jquery-3.2.1.min.js"></script>
        <script src="./js/jquery-form-validator-2.3.77/jquery.form-validator.js"></script>
        <script>
          $("#test").validate({
            lang: 'ko'
          });
        </script>

이렇게 했는데도 안되요.

$.validate({
            lang: 'ko'
          });

이렇게 작성하면 작동은 됩니다.  어딜 어떻게 수정하면 될가요 ?
Leader군 / 2017/10/13 16:14:44 / 추천 0

해결 하였습니다.  

$("#formtage").validate({

lang: 'ko'

});

이렇게는 안되고

$.validate({
            lang: 'ko',
                form:'#formtage'
          });

 

이렇게 해야 가능하드라구요 ㅠㅠㅠ