Notice
Recent Posts
Recent Comments
Link
개발 무지렁이
[jQuery] FORM Validation on jQuery 본문
폼이 비어있을시
$(function() {
$("#form").submit(function() {
if($("#id").val == "") {
alert("아이디를 입력해주세요.");
$("#id").focus();
return false;
}
if($("#pwd").val() == "") {
alert("비밀번호를 입력해주세요");
$("#pwd").focus();
return false;
}
});
});
비밀번호, 비밀번호 확인
$(function() {
$("#pwd").keyup(function() { // 사용자가 누른 키가 올라갔을시 호출
if($(this).val() == "" && $("#pwdConfirm").val() =="") {
$("#lblError")
.text("암호를 입력하시오.")
.css("color", "black");
return; // 함수를 빠져나가라.
}
$("#lblError").text("");
});
$("#pwdConfirm").keyup(function() {
if($(this).val() == $("#pwd").val()) {
$("#lblError")
.html("<b>비밀번호가 일치합니다.</b>")
.css("color", "blue");
} else {
$("#lblError")
.html("<b>비밀번호가 불일치합니다.</b>")
.css("color", "red");
}
});
});
'Frontend > JavaScript' 카테고리의 다른 글
[jQuery] .attr()과 .prop() (0) | 2023.04.22 |
---|---|
[jQuery] 트리거(trigger): 이벤트 강제 호출 (0) | 2023.04.22 |
[JavaScript] JavaScript에서 html의 element를 찾아 이벤트 적용하기 (0) | 2023.04.22 |
[JavaScript] 비동기화 통신, AJAX (0) | 2023.04.20 |
[jQuery] 동적 엘리먼트에 event를 적용하는 on (0) | 2023.04.20 |
Comments