歐芹自助驗證按摩

我使用歐芹驗證庫創建表單。這是表單元素類：歐芹自助驗證按摩

<form class="mt-lg parsleyjs" data-parsley-priority-enabled="false" [formGroup]="form" novalidate="novalidate" (ngSubmit)="checkPasswd()"> 
    <div class="form-group"> 
    <div class="input-group"> 
     <span class="input-group-addon"><i class="fa fa-user"></i></span> 
     <input type="email" class="form-control" id="mail" placeholder="Username" size="16" data-parsley-trigger="change" required="required" [formControl]="form.controls['mail']"> 
    </div> 
    </div> 
...

什麼是錯的，香菜元素後添加以下代碼：

<ul class="parsley-errors-list filled" id="parsley-id-5"> 
    <li class="parsley-type">This value should be a valid email.</li> 
</ul>

我想這些消息出現的每個字段下，不正確的。

任何想法？

來源

2017-05-04 Jordi

讓你的代碼變得無趣 –

引導驗證消息的結構是什麼？你能提供鏈接嗎？ –

如果您想自定義錯誤消息，而不是默認的<ul> <li>結構的佈局，可以覆蓋默認的選項是這樣的：

$(document).ready(function() { 
    var parsley_options = { 
     errorsWrapper: '<div class="custom-error-wrapper-class"></div>', 
     errorTemplate: '<span class="custom-error-template-class"></span>' 
    } 
    $('#myForm').parsley(parsley_options); 

});

驗證錯誤信息將顯示在自定義結構爲：

<div id="parsley-id-5" class="custom-error-wrapper-class filled"> 
<span class="custom-error-template-class parsley-required">This value is required.</span> 
</div>

這裏是DEMO

Parsley.js documentation reference link

來源

2017-05-08 05:21:09

歐芹自助驗證按摩

回答

相關問題