jQuery驗證 - 爲每個字段

http://jsfiddle.net/nXqd/qC2Ya/6/jQuery驗證 - 爲每個字段

顯示錯誤消息看一看的的jsfiddle。當我在兩個輸入中輸入錯誤的數據並單擊提交時，我只收到第一個錯誤消息。現在我想要顯示其中的兩個name屬性。

在此示例中，我故意使用相同的名稱以使後端的這些值更加容易。我只是遍歷列表並獲取所有信息。

來源

2012-09-19 nXqd

你做錯了。您爲這兩個字段添加了相同的名稱。相同的名稱屬性用於組合組中的字段。你必須使用基於類的驗證。

來源

2012-09-19 04:01:33

實際上，我使用相同的名稱，目的是讓信息在後端更容易。如果我更改爲使用基於類 - （使用$ .each？，告訴我，如果我錯了）。一組字段將在運行時添加，所以我必須爲它們綁定驗證？（一個小組可能有6個字段） – nXqd

是的，你錯了。基於類的驗證不需要$ .each。它很簡單。如果你能看到驗證插件演示。它相當簡單。如果你有動態添加字段，它是最好的選擇 –

工作演示http://jsfiddle.net/xr5g6/1/

希望它適合你的需求。 :)

代碼

$("form").validate({ 
    rules: { 
     number: {required: true, range: [1,2]}, 
     number2: {required: true, range: [1,2]} 
    } 
});

HTML

<form name="myForm"> 
<fieldset> 
<legend>My Form</legend> 
    <label for='number'>Number</label> 
    <input name='number'class='required'/> <br /> 
    <label for='number'>Number</label> 
    <input name='number2' class='required'/> 
    <label for='change-range'>Max range</label> 
    <input name='change-range' class='required'/> 
</fieldset> 
<input type="submit"> 
</form>

來源

2012-09-19 04:00:46

你應該使用不同的name attriburtes爲不同的輸入。

演示：http://jsfiddle.net/xYTNw/

來源

2012-09-19 04:00:50

jQuery驗證 - 爲每個字段

回答

相關問題