HTML5輸入驗證的自定義錯誤

我想使用Materialise和HTML5輸入驗證來顯示自定義錯誤驗證消息。檢測到錯誤（invalid僞類出現），但不顯示驗證錯誤消息。HTML5輸入驗證的自定義錯誤

從Materialise的這個例子正常工作（框架如果數據錯誤屬性設置應該處理的自定義錯誤）：

 <div class="input-field col s12"> 
     <input id="email" type="email" class="validate"> 
     <label for="email" data-error="wrong" data-success="right">Email</label> 
     </div>

但我的領域，沒有一個：

<div class="input-field col s12 m6"> 
     <input id="firstname" 
      type="text" 
      min-length="2" 
      max-length="25" 
      pattern="^[a-zA-Z]+$" 
      class="validate" 
      required autofocus><br> 
     <label for="firstname" 
      data-error="{{_ 'user_register_error_bad_firstname'}}" 
      data-success="ok">{{_ "first_name"}}</label> 
    </div>

基本上，我希望字段值匹配正則表達式模式，在這種情況下只有字母。

我假設我濫用驗證數據屬性，但我沒有得到如何。或者，也許Materialise不處理基於模式的錯誤？任何想法？

請注意，{{_ 'something'}}語法只是一個SpaceBar i18n幫助程序調用。

來源

2016-04-04 Billybobbonnet

'oninvalid = 「this.setCustomValidity（ '{{_ 'user_register_error_bad_firstname'}}'）」'？ – putvande

如果我設置了'data-error'屬性，materialize應該調用'setCustomValidity'這個函數afaik – Billybobbonnet

而且它不能直接調用。奇怪... – Billybobbonnet

天哪，這一切發生，因爲我有一個失去了我輸入我的標籤之間<br> ...

來源

2016-04-04 14:49:21 Billybobbonnet

HTML5輸入驗證的自定義錯誤

回答

相關問題