JavaScript中的長表單驗證/ jQuery

我有很長很長的表單。它有大約200個領域。現在，大約需要通過JavaScript/jQuery驗證50個字段。我怎樣才能輕鬆驗證他們沒有大量的代碼。我想避免這樣做：JavaScript中的長表單驗證/ jQuery

field1 = document.getElementById("field1").value; 

if (field1 == '') { 
    alert ("Please enter a value for Field1"); 
    return false 
}

有沒有更簡單的方法？非常感謝。

來源

2011-09-20 Michelle

這是不可能說你目前的問題的細節。僅僅是你需要驗證他們不是空的？或者做一些需要自定義驗證？ – Tejs

兩個，檢查空的和檢查某些條件 – Michelle

有沒有人給你一個正確的答案？請檢查它是否=） –

使用jquery Form驗證插件並將正確的類分配給字段。

在大多數情況下，就像class="required"一樣簡單！

來源

2011-09-20 19:12:10

我也想過這個，但插件可能有點難以使用。您是否知道在發現錯誤時是否允許顯示警告框，而不是頁面上的實際顯示？對於這種形式來說這太過分了。非常感謝。 – Michelle

該插件是獲得class =「」功能的單線程。它不能比這更簡單...你也可以修改插件，所以它使用alert（）來代替！ –

您可以修改插件以使用alert（），但這並不意味着您_should_。查看這裏的「Error Containers in Action」示例：http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html我們已經在帶有超過1000個字段的表單上使用了這個插件（請不要問），它奇妙地工作。 –

使用JQuery validate plugin可以有很大的幫助。您可以通過HTML代碼控制插件的工作方式，甚至不需要編寫任何JavaScript代碼！如果您需要更復雜的驗證，您可以通過添加特定的驗證功能來擴展它。它也允許您本地化應用程序。

該頁面提供了一個很好的示例，瞭解如何使用該插件：http://jquery.bassistance.de/validate/demo/milk/（單擊「在此頁面上使用的顯示腳本」鏈接）。

來源

2011-09-20 19:15:04 naivists

如果你只是想檢查，如果該字段爲空或不是你可以用做這樣的事情的jQuery：

HTML：

<form> 
    <input class="validate" type="text" /> 
    <input type="text" /> 
    <input class="validate" type="text" /> 
    <input type="text" /> 
    <input class="validate" type="text" /> 
</form>

SCRIPT：

$('.validate').each(function() { //this will get every input marked with class "validate" 
    if ($(this).val() == '') 
     return false; 
});

來源

2011-09-20 19:22:35

這裏一個基本的小提琴，你可以用它來驗證你的表單，只需在你需要驗證的每個字段後添加一個範圍。

http://jsfiddle.net/refhat/h2S6G/35/

來源

2011-09-21 05:31:00 defau1t

我想到這個問題了，但是該插件可以有點難以使用。你知道是否允許在發現錯誤時顯示警告框，而不是實際顯示在頁面上？這對於這種形式來說有點太了。非常感謝

下面是我寫的一個驗證器，它使用彈出式警告框顯示錯誤消息。那是你之後的事情嗎？ http://validator.codeplex.com/

是否需要默認錯誤消息，如所需的驗證器？關於jquery validate plugin，是否提供了將驗證信息置於方法調用中的語法，因爲對於具有與文本框分開定位的驗證信息的大型表單而言，驗證信息難以通過並驗證所有字段是否具有正確的驗證器和消息？

來源

2012-01-19 22:18:59 Michael

JavaScript中的長表單驗證/ jQuery

回答

相關問題