웹 클라이언트/Jquery
Jquery - Validation (숫자 입력만 받기, 데이터 존재여부, 길이체크)
Hoya0415
2017. 8. 30. 10:04
1. 연락처 입력 시 숫자만 받기
<input type="text" id="txtPhone" maxlength="4" onKeyUp="chk_Number(this); />
function chk_Number(object){
$(object).keyup(function(){
$(this).val($(this).val().replace(/[^0-9]/g,""));
});
}
2. 데이터 존재 여부 체크
<input type="text" name="inputId" id="inputId" maxlength="10"/>
if(!$('#inputId').val()){
alert("값을 입력해 주세요.");
$('#inputId').focus();
return false;
}
3. 데이터 길이 제한 체크
<input type="text" name="inputId" id="inputId" maxlength="10"/>
if($('#inputId').val().length < 2 || $('#inputId').val().length > 10){
alert("InputId 태그의 길이는 2자~10자입니다.");
$('#inputId').focus();
return false;
}