테스트 사이트 - 개발 중인 베타 버전입니다

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

종규 6년 전 조회 8,288

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

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

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

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

</p>

<p> <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></p>

<p> </p>

<p>$(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("");

            }

        }

    });

});</p>

<p>

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

답변 1개

유찬아빠

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

로그인 버튼 클릭시에

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

   alert('');

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

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

로그인 후 평가할 수 있습니다

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

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

로그인