Javascript Parsley js:密码字段(minlength)的表单验证未按预期工作
我的HTML中有以下表单:Javascript Parsley js:密码字段(minlength)的表单验证未按预期工作,javascript,html,forms,validation,parsley.js,Javascript,Html,Forms,Validation,Parsley.js,我的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-pars
<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>
对于验证,我有两条规则,如下所示:
data-parsley-type="alphanum"
及
这两条规则似乎不能很好地协同工作,因此如果我输入以下密码:
gautam007
我在#error container
中得到一个错误,这个错误就是我在error message data属性中输入的错误
data-parsley-error-message="Password must be at least 7 characters"
为什么会出现此错误?如何解决此问题?尝试此方法,然后查看数据,而不是欧芹min
data-parsley-mincheck='7'
下面是如何实现minlength
验证和错误消息
您需要在表单元素上使用这些数据属性
:
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" />
data-parsley-mincheck='7'
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" />