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

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

alexseo 3년 전 조회 1,881

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

 

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

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

감사합니다

 

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

 

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


    <div class="form_01">
       
        <select name="mb_1" id="mb_1" class="frm_input half_input" required>
            <option value="">선택하세요.</option>
            <option value="강사회원"<?php echo ($member['mb_1'] == "강사회원") ? " selected" : "";?>>강사회원</option>
            <option value="기업회원"<?php echo ($member['mb_1'] == "기업회원") ? " selected" : "";?>>기업회원</option>
        </select>
    
        <div>
            <input type="text" name="mb_2" value="<?php echo $member['mb_2'] ?>" id="mb_2"  class="frm_input half_input "  size="20" placeholder="보유 자격증 업로드">
        </div>
        
        
        <div>
            <input type="text" name="mb_3" value="<?php echo $member['mb_3'] ?>" id="mb_3"  class="frm_input half_input "  size="20" placeholder="사업자등록증 업로드">
        </div>        
        
    </div>

 

 

<script>
$(function(){
      //직접입력 인풋박스 기존에는 숨어있다가
$("#mb_2").hide();
$("#mb_1").change(function() {
                //직접입력을 누를 때 나타남
        if($("#mb_1").val() == "강사회원") {
            $("#mb_2").show();
        }  else {
            $("#mb_2").hide();
        }
    }) 
});
</script>


<script>
$(function(){
      //직접입력 인풋박스 기존에는 숨어있다가
$("#mb_3").hide();
$("#mb_1").change(function() {
                //직접입력을 누를 때 나타남
        if($("#mb_1").val() == "기업회원") {
            $("#mb_3").show();
        }  else {
            $("#mb_3").hide();
        }
    }) 
});
</script>


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

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

답변 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년 전

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

즐거운 추석 되셔요.^^ 

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

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

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

로그인