2013-07-30 4 views
0

몇 가지 선택 요소와 입력 필드가 있습니다. 확인하려면 일련의 if 문을 수행 할 수 있지만,보기에는 마스터 함수가 있는지 궁금합니다. DOM에서 데이터 요소에 값이 있는지 확인합니다.jquery- 양식 필드가 비어 있지 않은지 확인하십시오.

감사

BTW
+0

양식 확인 플러그인을 찾고있는 것 같습니다. ns. – Praveen

+0

그 기능은 무엇입니까? –

+2

함수가 아니라 [jQuery Validation Plugin] (http://jqueryvalidation.org/)이라는 별개의 js 파일 – Praveen

답변

0

당신은 jQuery로 그들을 통해 클래스라는 required_check를 추가하고 반복 할 수

// target the proper elements and loop through them 
$('.required_check').each(function(){ 

    //check the value of currently targeted element 
    if($(this).val() == ''){ 

     // run code if field is empty 
     alert($(this).attr('name')+' cannot be empty!'); 
    } 
}); 
0
<!DOCTYPE html> 
<html> 
<head> 
    <style> 

    td { text-align:center; } 
    </style> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
</head> 
<body> 
    <table border="1"> 
    <tr><td>TD #0</td><td></td></tr> 
    <tr><td>TD #2</td><td></td></tr> 

    <tr><td></td><td>TD#5</td></tr> 
    </table> 
<script>$("td:empty").text("empty!").css('background', 'rgb(255,220,200)');</script> 

</body> 
</html> 

단순히 양식 요소

예 필수 속성을 사용할 수 있습니다 <input type="text" required="required">

+1

이것은 HTML5 호환 브라우저에서만 작동하며 아직 효과적으로 의존 할 수 없습니다. – MonkeyZeus

+0

그래,하지만 필요한 분야의 사실은 IE의 이전 버전을 제외한 모든 최신 및 주요 브라우저가 HTML5를 지원한다는 것입니다. 여기를보세요. http://blog.deepbluesky.com/blog/-browser-support-for-css3-and-html5_72/ – Anfal

+0

방문하는 실제 브라우저와 관련하여 책임감있게 사용해야합니다. 귀하의 웹 사이트. 내 웹 사이트는 여전히 IE8 사용자의 60 %를받습니다. 이전 브라우저를 사용하고 있기 때문에 5 %라도 유효성 검사를 통과하면 여전히 작업에 실패했습니다. – MonkeyZeus

관련 문제