Parsley js：密碼字段的表單驗證（最小長度）未按預期工作

Question

我的HTML中有以下表格：

<form action="" method="POST" accept-charset="utf-8" data-parsley-validate >
    <fieldset>
        <legend>Parsely JS Testing</legend>
        <input type="" name="Full Name" placeholder="Full Name" data-parsley-pattern="[a-z|A-Z]" data-parsley-trigger="focusin focusout" data-parsley-error-message="You need to enter your full name" data-parsley-errors-container="#error-container">
        <input type="" name="Phone" placeholder="Phone" data-parsley-type="digits" data-parsley-min="10" data-parsley-trigger="focusin focusout" data-parsley-error-message="Enter valid phone number" data-parsley-errors-container="#error-container">
        <input type="" name="Email" placeholder="Email" data-parsley-type="email" data-parsley-trigger="focusin focusout" data-parsley-error-message="Enter Valid Email" data-parsley-errors-container="#error-container">
        <input type="" name="password" placeholder="Password" data-parsley-type="alphanum" data-parsley-min="7" data-parsley-trigger="focusin focusout" data-parsley-error-message="Password must be atleast 7 characters" data-parsley-errors-container="#error-container" id="password">
        <input type="" name="confirmpassword" placeholder="Confirm Password"  data-parsley-trigger="focusin focusout" data-parsley-error-message="Password Does not match" data-parsley-errors-container="#error-container" data-parsley-equalto="#password">
    </fieldset>
    <button type="submit">SUBMIT</button>
</form>

我正在使用parsely.js驗證此表單，但在驗證密碼字段時遇到了小問題。 我有以下HTML作為密碼字段：

<input type="" name="password" placeholder="Password" data-parsley-type="alphanum" data-parsley-min="7" data-parsley-trigger="focusin focusout" data-parsley-error-message="Password must be atleast 7 characters" data-parsley-errors-container="#error-container" id="password">

該字段在focusin和focusout上focusin驗證，如下所示：

data-parsley-trigger="focusin focusout"

為了驗證，我有2條規則，如下：

data-parsley-type="alphanum"

和

data-parsley-min="7" 

這兩個規則似乎不能一並使用，因此，如果我輸入以下密碼：

gautam007

我在#error-container收到#error-container ，錯誤get是我在錯誤消息數據屬性中輸入的錯誤。

data-parsley-error-message="Password must be at least 7 characters" 

為什么會出現此錯誤，我該如何解決？

Answer 1

這是演示如何實現minlength驗證和錯誤消息的演示 。

您需要在form元素上使用以下data attributes ：

data-parsley-minlength="7" 
data-parsley-minlength-message="Name must be at least 7 characters"

例：

<input type="text" id="name" name="name" data-parsley-minlength="7" data-parsley-minlength-message="Name must be at least 7 characters" data-parsley-required="true" />

Answer 2

試試這個，看看代替data-parsley-min，

data-parsley-mincheck='7'