버튼 클릭시 값 체크여부 확인 알려주기 채택완료

6년 전 조회 2,762

input에 값이 없는경우에 '다음단계로'를 클릭하면 해당 input으로 포커스가 이동하거나 경고창이 나오도록 하고 싶습니다. 

Copy
<ul >

<li class="step01">

<input type="text" name="wr_1" value="<?=$write['wr_1']?>" id="wr_1" >

<a href="#" class="btn btn-lg btn-danger next1">다음단계로</a> 

</li>

<li class="step02">

<input type="text" name="wr_2" value="<?=$write['wr_2']?>" id="wr_2" >

<a href="#" class="btn btn-lg btn-danger next2">다음단계로</a>

<a href="#" class="btn btn-lg btn-danger next2b">이전단계로</a> 

</li>

</ul>

 

<script>

$(function(){

$("a.next1").click(function(){

        $(".step01").hide();  

        $(".step02").show();  

    });

});

</script>

답변 1개

채택된 답변
+20 포인트

$("a.next1").click(function(){ 안에

   if($("input[name='wr_1']").val()==''){
        alert('wr_1을 입력 해주세요.');
        $("input[name='wr_1']").eq(0).focus();
        return false;
    }

이거 한번 해보세요

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

답변에 대한 댓글 1개

감사합니다 ^^

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

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

로그인
🐛 버그신고