반응형

제이 쿼리 5

[jQuery]jQuery 정규표현식 이용해서 키보드 입력값 제한

목차 jQuery 정규표현식 이용해서 키보드 입력값 제한 사용자가 입력한 값을 체크해서 알림창을 띄우거나 할 때 jQuery의 keyup()을 사용하면 됨 keyup 이벤트는 키보드의 키를 눌렀다 뗄 때 이벤트를 발생 시킴 해당 이벤트는 포커스를 가질 수 있는 요소에만 발생 시킬 수 있음(ex : input) 대부분의 form 요소들에서 사용가능하다고 함 ex) 사용자가 입력한 값이 한글이 아닌 값일 경우를 체크해서 경고창을 띄우는 코드 예시 // 정규표현식 -> 한글만 입력 체크 function check_input() { $("#item").keyup(function() { // 입력값에 숫자, 영문, 특수문자가 올 경우 경고창 표시 후 ""으로 치환 var regexp = /[a-z0-9]|[ \[..

IT/development 2022.11.24

[jQuery]selectBox change 이벤트

목차 [jQuery]selectBox change selectBox의 값이 변경될 때마다 placeholder를 변경하는 예제 $(document).ready(function() { $("#selectBox").change( function() { let val = $("#selectBox option:selected").val(); switch(val) { case '1' : $("#input1").attr("placeholder", "사용자"); break; case '2' : $("#input1").attr("placeholder", "연락처"); break; case '3' : $("#input1").attr("placeholder", "이메일"); break; default : $("#input..

IT/development 2022.11.24

[jQuery] jQuery 버튼 클릭 시 table tr 숨김처리

목차 버튼 클릭 시 table의 tr영역을 숨김처리하는 예제 // 체크박스가 체크 되어 있으면 table tr display none처리 예제 function check() { $("#ch").change(function(){ if($("#ch").is(":checked")){ $("tr#one").css("display", ""); $("tr#two").css("display", ""); }else{ $("tr#one").css("display", "none"); $("tr#two").css("display", "none"); } }); } "$(#ch)"에 change이벤트를 줬고 체크여부를 체크해서 조건처리한 간단한 예제 내용이 너무 간단하긴 하다.

IT/development 2022.11.24

[jQuery]radio/checkbox 체크 여부 확인

목차 [jQuery]radio/checkbox 체크 여부 확인 라디오 버튼 체크 여부 확인 체크된 값의 길이 유무로 체크하는 방법(물론 다른 방법도 있음) // name이 radio인 라디오 버튼 체크 여부 확인 예제 if($(':radio[name="radio"]:checked').length < 1){ alert('라디오버튼을 체크 해주세요.\n안그러면 못넘어 갑니다!!!!!!!'); // 첫번 째 라디오버튼에 포커스 $(':input:radio[name=radio]:eq(0)').focus(); return false; } 체크박스 체크 여부 확인1 // name이 checkbox인 체크박스 체크 여부 확인 예제 if($(':radio[name="checkbox"]:checked').length <..

IT/development 2022.11.19
반응형