채택완료

script에서 필수 입력을 하려고요.

2022-09-10 (토) 12:29:39 2,178

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 포인트
Copy
강사회원 / 기업회원 선택 시작


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

 

 

<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
    //직접입력 인풋박스 기존에는 숨어있다가
    $("#mb_2").hide();
    $("#mb_3").hide();

    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');
        }
    };

    $("#mb_1").change(mb_1_fn);

    if ($("#mb_1").val() != '') {
        mb_1_fn();
    }
});
</script>

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

즐거운 추석 되셔요.^^ 

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