script에서 필수 입력을 하려고요.
본문
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>
배르만 님, 답변 감사합니다.
즐거운 추석 되셔요.^^
