jQuery表單處理：require vs not required

我正在用jquery構建一個表單系統，並使用基本的驗證（如果表單具有所需的值並且是必需的類型）作爲第一線系統（我驗證在後臺太）用於驗證的用戶提交，這是爲了防止無用的請求時可能的（如：提交一個完全空白表格）jQuery表單處理：require vs not required

什麼是「正確」的方式來處理呢？我默認的想法是一類應用的元素，像這樣：

<input type="text" name="something" class="required">

或

<input type="text" name="something" class="optional">

，然後簡單地通過循環，如果類匹配檢查，這是一個「好」的方式這樣做還是有更好的方法？我可以應用自定義屬性，但我感覺很糟糕，我不知道所有瀏覽器是否都支持此屬性。

注意：這些字段不一定每次都是一樣的，硬編碼到js不是一種可能性（或者是一個好主意）。

來源

2010-06-25 sam

我們使用一個類名的語法如：

validate[required] 
validate[phone]

等

這樣，我們就可以很容易地通過類名應用多個驗證規則，但保持一致的語法。

我們也將考慮使用一些HTML 5「型」的屬性，看看我們是否可以利用，對於一些驗證也是如此。

來源

2010-06-25 18:57:37

有很多方法可以進行表單驗證，並且有很多代碼已經做到了。

你可以看看jQuery Validation plugin，它可以讓你創建類似於你發佈的標記，並且會爲你做驗證。舉例來說，如果你有一個輸入表單，看起來像這樣：

<form id="inputform"> 
    <p> 
    <label>Name</label> 
    <input id="name" class="required" /> 
    </p> 
    <p> 
    <label>E-Mail</label> 
    <input id="email" class="required email" /> 
    </p> 
</form>

所有你將不得不這樣做，以驗證這將是

$(document).ready(function(){ 
    $("#inputform").validate(); 
});

如果你決定去無插件，你可以仍然很容易找到你需要的元素

$("input.required").each(function() { 
    // do your validation here 
});

來源

2010-06-25 19:01:36

你可能想看看JQuery驗證插件。

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

來源

2010-06-25 19:01:41

已經有jQuery的一個插件，它做你建議該怎麼做，你可以通過元素的類屬性添加驗證（也有其他的方法來添加驗證過）。

你可以看到他的文檔：http://docs.jquery.com/Plugins/Validation

後盾，以你的問題，我認爲這是一個「好」的方式來做到這一點。 jQuery使用起來很簡單。

我很高興，如果它幫助。

來源

2010-06-25 19:02:40 Philipe

jQuery表單處理：require vs not required

回答

相關問題