仅使用parsley.js验证提交表单

Question

我有一个简单的表格

<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 --没有帮助。

Answer 1

看来我终于明白我想要什么了。

如果有人能推荐其他的东西的话，这可能不是理想的方法。

$('.parsleyVal input[type=email]').on('keyup keydown', function () {
            $('.filled').removeClass('filled');
            $('.parsleyVal').parsley().destroy();
        })

脚本删除类以隐藏错误消息并销毁欧芹验证，该验证将在注册按钮单击时再次触发。

Answer 2

您可以使用两个不同的设置来控制触发验证的内容：

data-parsley-trigger

设置第一次触发验证的内容。默认值为null，basly的意思是提交

data-parsley-trigger-after-failure

设置在第一次失败后触发重新验证的内容。默认值是输入，这意味着字段在字段上的每次更改之后都将被重新验证。

您需要的设置是:数据-欧芹-触发-失败后。

示例：

<input type="email" id="profile-email" 
                    data-parsley-required="true" 
                    data-parsley-trigger-after-failure="submit"/>