테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

필수항목 required 질문입니다. 채택완료

chqhdpdy 9년 전 조회 8,656
답변 1
목록

 

이렇게 쓰고 있는데요 이렇게 하니 웹에선 체크가 되는데

모바일에선 체크가 안되네요ㅠㅠ

알럿을 띄운다던가... 등.. 방법이 없을까요? 

#php #그누보드4 #javascript #알럿
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
인 

</span></p><p><span style="font-size: 9pt;"> </span></p><table class="__se_tbl_ext"><tbody><tr><td class="line-content"><span style="font-size: 9pt;">$(document).ready(function () {
</span></td></tr><tr><td class="line-number" value="463"></td><td class="line-content"><span style="font-size: 9pt;">		$("#submit_form").on('click', function () {
</span></td></tr><tr><td class="line-number" value="464"></td><td class="line-content"><p><span style="font-size: 9pt;">// 폼검증 시작</span></p><p><span style="font-size: 9pt;"> </span></p></td></tr><tr><td class="line-number" value="465"></td><td class="line-content"><span style="font-size: 9pt;">			var err_cnt = 0;
</span></td></tr><tr><td class="line-number" value="466"></td><td class="line-content"><span style="font-size: 9pt;">			
</span></td></tr><tr><td class="line-number" value="467"></td><td class="line-content"><span style="font-size: 9pt;">			$.each($(".row").find("input"), function(key, val) {
</span></td></tr><tr><td class="line-number" value="468"></td><td class="line-content"><span style="font-size: 9pt;">				var name = $(this).attr('name');
</span></td></tr><tr><td class="line-number" value="469"></td><td class="line-content"><span style="font-size: 9pt;">				var type = $(this).attr('type');
</span></td></tr><tr><td class="line-number" value="470"></td><td class="line-content"><span style="font-size: 9pt;">				var rel = $(this).attr('rel');
</span></td></tr><tr><td class="line-number" value="471"></td><td class="line-content"><span style="font-size: 9pt;">				var msg = '입력이 되지 않거나, 선택되지 않은 값이 있습니다.';
</span></td></tr><tr><td class="line-number" value="472"></td><td class="line-content"><span style="font-size: 9pt;">	
</span></td></tr><tr><td class="line-number" value="473"></td><td class="line-content"><span style="font-size: 9pt;">				if (type != 'hidden' && rel != 'no') { 
</span></td></tr><tr><td class="line-number" value="474"></td><td class="line-content"><span style="font-size: 9pt;">					switch (type) {
</span></td></tr><tr><td class="line-number" value="475"></td><td class="line-content"><span style="font-size: 9pt;">						case 'text' :
</span></td></tr><tr><td class="line-number" value="476"></td><td class="line-content"><span style="font-size: 9pt;">							if ($(this).val().length == 0) {
</span></td></tr><tr><td class="line-number" value="477"></td><td class="line-content"><span style="font-size: 9pt;">								alert(msg);
</span></td></tr><tr><td class="line-number" value="478"></td><td class="line-content"><span style="font-size: 9pt;">								$(this).focus();
</span></td></tr><tr><td class="line-number" value="479"></td><td class="line-content"><span style="font-size: 9pt;">								err_cnt++;
</span></td></tr><tr><td class="line-number" value="480"></td><td class="line-content"><span style="font-size: 9pt;">								return false;
</span></td></tr><tr><td class="line-number" value="481"></td><td class="line-content"><span style="font-size: 9pt;">							}
</span></td></tr><tr><td class="line-number" value="482"></td><td class="line-content"><span style="font-size: 9pt;">						break;
</span></td></tr><tr><td class="line-number" value="483"></td><td class="line-content"><span style="font-size: 9pt;">		
</span></td></tr><tr><td class="line-number" value="484"></td><td class="line-content"><span style="font-size: 9pt;">						case 'radio' :
</span></td></tr><tr><td class="line-number" value="485"></td><td class="line-content"><span style="font-size: 9pt;">							if (typeof $('input[name='+name+']:checked').val() == "undefined") {
</span></td></tr><tr><td class="line-number" value="486"></td><td class="line-content"><span style="font-size: 9pt;">								alert(msg);
</span></td></tr><tr><td class="line-number" value="487"></td><td class="line-content"><span style="font-size: 9pt;">								$(this).focus();
</span></td></tr><tr><td class="line-number" value="488"></td><td class="line-content"><span style="font-size: 9pt;">								err_cnt++;
</span></td></tr><tr><td class="line-number" value="489"></td><td class="line-content"><span style="font-size: 9pt;">								return false;
</span></td></tr><tr><td class="line-number" value="490"></td><td class="line-content"><span style="font-size: 9pt;">							}
</span></td></tr><tr><td class="line-number" value="491"></td><td class="line-content"><span style="font-size: 9pt;">						break;
</span></td></tr><tr><td class="line-number" value="492"></td><td class="line-content"><span style="font-size: 9pt;">					}
</span></td></tr><tr><td class="line-number" value="493"></td><td class="line-content"><span style="font-size: 9pt;">				}
</span></td></tr><tr><td class="line-number" value="494"></td><td class="line-content"><span style="font-size: 9pt;">			})
</span></td></tr><tr><td class="line-number" value="495"></td><td class="line-content"><span style="font-size: 9pt;">			
</span></td></tr><tr><td class="line-number" value="496"></td><td class="line-content"><span style="font-size: 9pt;">			if (err_cnt != 0) return false;
</span></td></tr><tr><td class="line-number" value="497"></td><td class="line-content"><span style="font-size: 9pt;">			
</span></td></tr><tr><td class="line-number" value="498"></td><td class="line-content"><span style="font-size: 9pt;">			$.each($(".row").find("select"), function(key, val) {
</span></td></tr><tr><td class="line-number" value="499"></td><td class="line-content"><span style="font-size: 9pt;">				var name = $(this).attr('name');
</span></td></tr><tr><td class="line-number" value="500"></td><td class="line-content"><span style="font-size: 9pt;">				var type = $(this).attr('type');
</span></td></tr><tr><td class="line-number" value="501"></td><td class="line-content"><span style="font-size: 9pt;">				var rel = $(this).attr('rel');
</span></td></tr><tr><td class="line-number" value="502"></td><td class="line-content"><span style="font-size: 9pt;">				var msg = '입력이 되지 않거나, 선택되지 않은 값이 있습니다.';
</span></td></tr><tr><td class="line-number" value="503"></td><td class="line-content"><span style="font-size: 9pt;">				var val = $(this).val().trim();
</span></td></tr><tr><td class="line-number" value="504"></td><td class="line-content"><span style="font-size: 9pt;">	
</span></td></tr><tr><td class="line-number" value="505"></td><td class="line-content"><span style="font-size: 9pt;">				if (rel != 'no') {
</span></td></tr><tr><td class="line-number" value="506"></td><td class="line-content"><span style="font-size: 9pt;">					
</span></td></tr><tr><td class="line-number" value="507"></td><td class="line-content"><span style="font-size: 9pt;">					if (val == '') {
</span></td></tr><tr><td class="line-number" value="508"></td><td class="line-content"><span style="font-size: 9pt;">						console.log('in');
</span></td></tr><tr><td class="line-number" value="509"></td><td class="line-content"><span style="font-size: 9pt;">						alert(msg);
</span></td></tr><tr><td class="line-number" value="510"></td><td class="line-content"><span style="font-size: 9pt;">						$(this).focus();
</span></td></tr><tr><td class="line-number" value="511"></td><td class="line-content"><span style="font-size: 9pt;">						err_cnt++;
</span></td></tr><tr><td class="line-number" value="512"></td><td class="line-content"><span style="font-size: 9pt;">						return false;
</span></td></tr><tr><td class="line-number" value="513"></td><td class="line-content"><span style="font-size: 9pt;">					}
</span></td></tr><tr><td class="line-number" value="514"></td><td class="line-content"><span style="font-size: 9pt;">				}
</span></td></tr><tr><td class="line-number" value="515"></td><td class="line-content"><span style="font-size: 9pt;">			})
</span></td></tr><tr><td class="line-number" value="516"></td><td class="line-content"><span style="font-size: 9pt;">			
</span></td></tr><tr><td class="line-number" value="517"></td><td class="line-content"><span style="font-size: 9pt;">			if (err_cnt == 0) $("#inputForm").submit();
</span></td></tr><tr><td class="line-number" value="518"></td><td class="line-content"><span style="font-size: 9pt;">		})
</span></td></tr><tr><td class="line-number" value="519"></td><td class="line-content"><span style="font-size: 9pt;">	}) </span></td></tr></tbody></table><p><span style="font-size: 9pt;"> </span></p><p><span style="font-size: 9pt;">

 

제가 만든건데 변형해서 쓰시면 될듯...

작동은 서브밋 클릭 시 특정 엘리먼트 안에 포함된 input, select 선택 여부를 체크합니다..

만약 필수값이 아니라면 rel="no"라고 넣어주면됩니다..

ex) 라고 써주시면 이 엘리먼트는 체크 안합니다..

전 귀찮아서 하나 만들어놓고 돌려쓴는중입니다..

 

함수로 변형하시면 될듯합니다..

function aklsjdfkajsd(area) { } 

 

요런식으로 만들어서 공통함수에 쏘옥..

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

답변에 대한 댓글 2개

c
chqhdpdy
9년 전
답변감사합니다!
버튼에 id="submit_form"을 추가하면 되는건가요?
아래처럼 추가하고 올려주신 소스 그대로 사용했는데도 체크하질 않아서요ㅠㅠ
<input id="submit_form" type="submit" class="font_16" value="다음" alt="다음" title="다음">

제가 스크립트 적용을 전혀 활용하질 못해서 자세히 다시한번 질문드립니다ㅠㅠ
올려주신 스크립트에서 어딜 수정해서 사용해야하는건가요?ㅠㅠ
�
김쩔짱
9년 전
chqhdpdy 님 //

.row 를 변경하셔야해요 jquery 형식으로..

<input type="file" name="photo1" class="join_input_05" required>

이걸 감싸고 있는 태그 클래스나 아이디명으로요~

예를 들어, 하단처럼 되어있다면, .row를 .btnArea 로 바꿔주셔야합니다~~

[code]
<div class="btnArea">
<input type="file" name="photo1" class="join_input_05" required>
</div>
[/code]

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

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

로그인