1
我想我誤解了Parsley.js中組的使用。我所假設的是,組可以用來不顯示個人輸入錯誤,但在一個組。例如,我有三個銀行詳細信息表格的排序代碼字段..他們都是必需的,但我不希望每個人都單獨得到錯誤信息(因爲他們是內聯),如果有的話其中的錯誤,我希望組獲得錯誤消息和錯誤類。Parsley.js - 對組的理解和錯誤
這可能沒有寫入自定義javascript手動解析表單數據?
我想我誤解了Parsley.js中組的使用。我所假設的是,組可以用來不顯示個人輸入錯誤,但在一個組。例如,我有三個銀行詳細信息表格的排序代碼字段..他們都是必需的,但我不希望每個人都單獨得到錯誤信息(因爲他們是內聯),如果有的話其中的錯誤,我希望組獲得錯誤消息和錯誤類。Parsley.js - 對組的理解和錯誤
這可能沒有寫入自定義javascript手動解析表單數據?
你不能這樣做與data-parsley-group
。創建組是爲了驗證多步驟表單。這是一種正式的大表格,您可以分爲幾個步驟(組)並逐個驗證它們。
無需添加自定義JavaScript,您可以使用的是data-parsley-errors-container
。
您應該將此屬性應用於要將錯誤消息分組的所有字段。你應該使用這樣的事情:
data-parsley-errors-container="#element"
哪裏element
是其中的消息將顯示在元素的ID。
下面是你應該如何創建表單(jsfiddle available)的例子:
<form class="form-inline" role="form" id="myForm">
<div class="form-group col-xs-12">
<input type="text" class="form-control col-xs-3" id="field1" required
placeholder="Field 1" data-parsley-errors-container="#listFieldError" />
<input type="text" class="form-control col-xs-3" id="field2" required
placeholder="Field 2" data-parsley-errors-container="#listFieldError" />
<input type="text" class="form-control col-xs-3" id="field3" required
placeholder="Field 3" data-parsley-errors-container="#listFieldError" />
</div>
<div class="form-group">
<div id="listFieldError"></div>
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</form>
呀,看來我已經通過試驗和錯誤發現了這一點。可以做一些更好的文檔。上面的問題是我希望每個字段都是必需的並且具有數字驗證,但只在「組」中顯示一次錯誤。我正在使用錯誤容器將錯誤放在正確的容器中,但是當錯誤沒有指出它們與哪個字段相關時,它會變得有點難看。 – Joel 2014-11-04 12:12:18
如果您希望「組」中的所有字段只有一個錯誤(即「必需」消息只會出現一次),這是可能的,但您需要使用一些JavaScript來完成此操作。如果你喜歡,我可以提供一個例子。 – 2014-11-04 12:21:14
使用javascript是好的:)我只是不知道是否有這樣的東西是內置的。目前做一些其他的'組'驗證,即一組字段值不大於100,似乎過於複雜的時刻,不能決定使用事件和addError,或者我自己的自定義驗證器規則 – Joel 2014-11-04 12:39:05