현재 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 : ','
});
이렇게 했는데도 안되요.
메뉴얼에 있는 소스코드 그대로 복사해서 테스트를 해보세요.
그래도 안된다면 뭔가 설정이 잘못된거겠죠.
올려주신 게시물 내용만으로는 뭐가 잘못되었는지 알 수가 없군요.
수정하여 현재 정상 작동은 됩니다.
<script src="/js/js.js"> -><script src="/js/js.js"></script>
이렇게 수정하니 되는데 문제는
$("#formtage").validate({
lang: 'ko'
});
이렇게 하면 작동이 안되요
만약에 한페이지에 여러개의 form이 있다면 어떻게 적용하죠?
<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'
});
이렇게 작성하면 작동은 됩니다. 어딜 어떻게 수정하면 될가요 ?
해결 하였습니다.
$("#formtage").validate({
lang: 'ko'
});
이렇게는 안되고
$.validate({
lang: 'ko',
form:'#formtage'
});
이렇게 해야 가능하드라구요 ㅠㅠㅠ
메뉴얼에 잘 나와 있군요.
http://www.formvalidator.net/index.html#default-validators