[jQuery] 로그인 필수 입력 체크 문구 변경 질문합니다!!
본문
로그인 필수 입력 체크 문구를 jquery로 바꿔줄려고 합니다
1) 빈값일때 버튼을 누르면 정상작동 합니다.
2) 그런데 입력을 하게되면 입력중에도 체크문구가 나오는데 어떻게 없앨수 있을까요?
3) 그리고 혹시 더 좋은 방법이 있다면 가르쳐주시면 감사하겠습니다
<input type="text" id="mb_email" name="mb_email" accesskey="L" required placeholder="이메일" >
<input type="password" id="mb_passwd" name="mb_passwd" required placeholder="비밀번호" >
<button id = "lgn_btn" class="btn-login btn_ye f_bk f_600">로그인</button>
$(function() {
$("#lgn_btn").on("click", function() {
var element = $("input[required]");
var cnt = element.length;
for(var i=0; i<cnt; i++){
var p_hold = element[i].placeholder;
if(element[i].value == ""){
element[i].setCustomValidity(p_hold+" 입력란을 작성하세요");
}
else{
element[i].setCustomValidity("");
}
}
});
});
답변 1
굳이 문자열 하나하나를 체크 할 필요가 있을까요?
로그인 버튼 클릭시에
if($('#mb_email').length === 0){
alert('');
}
이런식으로 체크를 하시던지
form 테그로 감싸서 최종 form submit 단계에서 체크를 하시던지 방법은 여러가지 입니다.
답변을 작성하시기 전에 로그인 해주세요.
