2013-07-30 40 views
0

我有幾個選擇元素和輸入字段....我可以執行一系列if語句來檢查,但我很好奇是否有一個主函數看起來像在DOM處,看看數據元素中是否有值?jquery-檢查表單上的字段是否爲空

感謝

+0

看來你正在尋找表單驗證插件納秒。 – Praveen

+0

有這樣的功能嗎? –

+2

不是函數,名爲[jQuery驗證插件](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

它應該仍然負責任地使用與實際訪問的瀏覽器你的網頁。我的網站仍然收到60%的IE8用戶。如果即使有5%通過了您的驗證,因爲它們在舊瀏覽器上,那麼您仍然無法完成手頭的任務。 – MonkeyZeus