이전 목록 다음

[jQuery] 로그인 필수 입력 체크 문구 변경 질문합니다!!

2018-11-12 (월) 10:59:37 11,022

로그인 필수 입력 체크 문구를 jquery로 바꿔줄려고 합니다

1) 빈값일때 버튼을 누르면 정상작동 합니다.

2) 그런데 입력을 하게되면 입력중에도 체크문구가 나오는데 어떻게 없앨수 있을까요?

3) 그리고 혹시 더 좋은 방법이 있다면 가르쳐주시면 감사하겠습니다

Copy
<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개

2018-11-12 (월) 12:31:52

굳이 문자열 하나하나를 체크 할 필요가 있을까요?

로그인 버튼 클릭시에

if($('#mb_email').length === 0){

   alert('');

이런식으로 체크를 하시던지

form 테그로 감싸서 최종 form submit 단계에서 체크를 하시던지 방법은 여러가지 입니다.

답변을 작성하려면 로그인이 필요합니다.