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

script에서 필수 입력을 하려고요. 채택완료

alexseo 3년 전 조회 1,882

html 코드에 required 를 사용하지 않고

 

강사회원 / 기업회원 따로 따로 선택했을 때, 

아래의 script에 required를 사용하고 싶어요

감사합니다

 

===================================================

 

강사회원 / 기업회원 선택 시작

   

                              
                    
                          
                    
                     

 

 

 

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

답변 2개

채택된 답변
+20 포인트
3년 전

</p>

<p>강사회원 / 기업회원 선택 시작</p>

<p>

    <div class="form_01">

       

        <select name="mb_1" id="mb_1" class="frm_input half_input" required>

            <option value="">선택하세요.</option>

            <option value="강사회원">강사회원</option>

            <option value="기업회원">기업회원</option>

        </select>

    

        <div>

            <input type="text" name="mb_2" value="mb_2" id="mb_2"  class="frm_input half_input "  size="20" placeholder="보유 자격증 업로드">

        </div>

        

        

        <div>

            <input type="text" name="mb_3" value="mb_3" id="mb_3"  class="frm_input half_input "  size="20" placeholder="사업자등록증 업로드">

        </div>        

        

    </div></p>

<p> </p>

<p> </p>

<p><script src="<a href="http://code.jquery.com/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery.min.js"></script></a>

<script>

$(function(){

    //직접입력 인풋박스 기존에는 숨어있다가

    $("#mb_2").hide();

    $("#mb_3").hide();</p>

<p>    var mb_1_fn = function() {

        //직접입력을 누를 때 나타남

        if ($("#mb_1").val() == "강사회원") {

            $("#mb_2").show().attr('required', 'required');

            $("#mb_3").hide().removeAttr('required');

        } else if($("#mb_1").val() == "기업회원") {

            $("#mb_2").hide().removeAttr('required');

            $("#mb_3").show().attr('required', 'required');

        } else {

            $("#mb_2").hide().removeAttr('required');

            $("#mb_3").hide().removeAttr('required');

        }

    };</p>

<p>    $("#mb_1").change(mb_1_fn);</p>

<p>    if ($("#mb_1").val() != '') {

        mb_1_fn();

    }

});

</script></p>

<p>

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

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

a
3년 전

배르만 님, 답변 감사합니다.

즐거운 추석 되셔요.^^ 

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

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

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

로그인