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

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

QA

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

답변 2

본문

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


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

    <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>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 18
© SIRSOFT
현재 페이지 제일 처음으로