我有一个简单的表格
<form action="#" method="GET" class="parsleyVal">
<div class="input-group input-group-lg">
<input type="email" name="email" class="form-control input-email"
placeholder="Enter your email"
data-parsley-required-message="Please enter your email address"
data-parsley-required title="Please enter your email address"
auto-complete="off" data-parsley-trigger="submit" />
<span class="input-group-btn">
<button class="btn btn-orange" type="submit" data-parsley-trigger="click touch">
Sign up
</button>
</span>
</div>
</form>
sign-up
单击按钮即开始验证。
但是,如果未指定电子邮件,则显示错误:
输入你的电子邮箱。
用户开始输入电子邮件地址时,parsley.js
将进行自动验证并显示电子邮件必须有效。
parsley.js
当再次单击“提交”按钮时,我想重新验证电子邮件字段,但不是立即进行。
我在输入字段上尝试了xCodexInlinexPlacexHolderx-无济于事。
看来我终于明白了我想要的东西。
如果有人可以推荐其他方法,则可能不是理想的方法。
$('.parsleyVal input[type=email]').on('keyup keydown', function () {
$('.filled').removeClass('filled');
$('.parsleyVal').parsley().destroy();
})
脚本删除了类以隐藏错误消息并破坏欧芹验证,这将在单击注册按钮时再次触发。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句