荷蘭芹的不同驗證方案

Question

我正在研究的項目使用Parsley.js作為驗證框架。 我還沒有在這個框架上做很多工作，所以我不知道當輸入為空並且輸入了無效值時如何顯示不同的錯誤消息。 例如，如果用戶未為特定字段輸入任何值，則我要顯示“此字段為必填”。 並且當存在無效值時，我要顯示“請為此字段輸入有效值”。 這就是我到目前為止所擁有的。

<input type="text" name="firstName" maxlength="40" required pattern="/^[a-zA-Z ',-]+$/" data-parsley-error-message="This field is required">

任何幫助表示贊賞。

Answer 1

<input type="text" name="firstName" maxlength="40" 
    required 
    pattern="/^[a-zA-Z ',-]+$/" 
    data-parsley-required-message="This field is required."
    data-parsley-pattern-message="Please enter a valid value for this field."/>

有關更多詳細信息，請參見http://parsleyjs.org/doc/index.html#ui-for-field