필수항목 required 질문입니다.
본문
<input type="file" name="photo1" class="join_input_05" required>
이렇게 쓰고 있는데요 이렇게 하니 웹에선 체크가 되는데
모바일에선 체크가 안되네요ㅠㅠ
알럿을 띄운다던가... 등.. 방법이 없을까요?
답변 1
$(document).ready(function () {
$("#submit_form").on('click', function () {
// 폼검증 시작
var err_cnt = 0;
$.each($(".row").find("input"), function(key, val) {
var name = $(this).attr('name');
var type = $(this).attr('type');
var rel = $(this).attr('rel');
var msg = '입력이 되지 않거나, 선택되지 않은 값이 있습니다.';
if (type != 'hidden' && rel != 'no') {
switch (type) {
case 'text' :
if ($(this).val().length == 0) {
alert(msg);
$(this).focus();
err_cnt++;
return false;
}
break;
case 'radio' :
if (typeof $('input[name='+name+']:checked').val() == "undefined") {
alert(msg);
$(this).focus();
err_cnt++;
return false;
}
break;
}
}
})
if (err_cnt != 0) return false;
$.each($(".row").find("select"), function(key, val) {
var name = $(this).attr('name');
var type = $(this).attr('type');
var rel = $(this).attr('rel');
var msg = '입력이 되지 않거나, 선택되지 않은 값이 있습니다.';
var val = $(this).val().trim();
if (rel != 'no') {
if (val == '') {
console.log('in');
alert(msg);
$(this).focus();
err_cnt++;
return false;
}
}
})
if (err_cnt == 0) $("#inputForm").submit();
})
})
제가 만든건데 변형해서 쓰시면 될듯...
작동은 서브밋 클릭 시 특정 엘리먼트 안에 포함된 input, select 선택 여부를 체크합니다..
만약 필수값이 아니라면 rel="no"라고 넣어주면됩니다..
ex) <input type="text" value="가나다라" rel="no" /> 라고 써주시면 이 엘리먼트는 체크 안합니다..
전 귀찮아서 하나 만들어놓고 돌려쓴는중입니다..
함수로 변형하시면 될듯합니다..
function aklsjdfkajsd(area) {
}
요런식으로 만들어서 공통함수에 쏘옥..
답변감사합니다!
버튼에 id="submit_form"을 추가하면 되는건가요?
아래처럼 추가하고 올려주신 소스 그대로 사용했는데도 체크하질 않아서요ㅠㅠ
<input id="submit_form" type="submit" class="font_16" value="다음" alt="다음" title="다음">
제가 스크립트 적용을 전혀 활용하질 못해서 자세히 다시한번 질문드립니다ㅠㅠ
올려주신 스크립트에서 어딜 수정해서 사용해야하는건가요?ㅠㅠ
chqhdpdy 님 //
.row 를 변경하셔야해요 jquery 형식으로..
<input type="file" name="photo1" class="join_input_05" required>
이걸 감싸고 있는 태그 클래스나 아이디명으로요~
예를 들어, 하단처럼 되어있다면, .row를 .btnArea 로 바꿔주셔야합니다~~
<div class="btnArea">
<input type="file" name="photo1" class="join_input_05" required>
</div>