'웹 클라이언트/Jquery'에 해당되는 글 2건

  1. 2017.09.04 Jquery 값 얻기 (Select, Input)
  2. 2017.08.30 Jquery - Validation (숫자 입력만 받기, 데이터 존재여부, 길이체크)

1. Select 선택된 태그 값 불러오기


$("#id값 option:selected").text()


2. Input text 값 얻기


$("#id값").val();


3. 값 설정하기 

$("#id").val(값);


Posted by Hoya0415
,

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;


'웹 클라이언트 > Jquery' 카테고리의 다른 글

Jquery 값 얻기 (Select, Input)  (0) 2017.09.04
Posted by Hoya0415
,