2014-11-04 61 views
1

我想我誤解了Parsley.js中組的使用。我所假設的是,組可以用來不顯示個人輸入錯誤,但在一個組。例如,我有三個銀行詳細信息表格的排序代碼字段..他們都是必需的,但我不希望每個人都單獨得到錯誤信息(因爲他們是內聯),如果有的話其中的錯誤,我希望組獲得錯誤消息和錯誤類。Parsley.js - 對組的理解和錯誤

這可能沒有寫入自定義javascript手動解析表單數據?

回答

1

你不能這樣做與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> 
+0

呀,看來我已經通過試驗和錯誤發現了這一點。可以做一些更好的文檔。上面的問題是我希望每個字段都是必需的並且具有數字驗證,但只在「組」中顯示一次錯誤。我正在使用錯誤容器將錯誤放在正確的容器中,但是當錯誤沒有指出它們與哪個字段相關時,它會變得有點難看。 – Joel 2014-11-04 12:12:18

+0

如果您希望「組」中的所有字段只有一個錯誤(即「必需」消息只會出現一次),這是可能的,但您需要使用一些JavaScript來完成此操作。如果你喜歡,我可以提供一個例子。 – 2014-11-04 12:21:14

+0

使用javascript是好的:)我只是不知道是否有這樣的東西是內置的。目前做一些其他的'組'驗證,即一組字段值不大於100,似乎過於複雜的時刻,不能決定使用事件和addError,或者我自己的自定義驗證器規則 – Joel 2014-11-04 12:39:05