Question

我需要能够在提交时验证Parsley中的表单，但是要延迟实际提交本身直到其他（定时）操作完成。

我试过了：

$("#myform").on('submit', function(e){
    e.preventDefault();
    var form = $(this);

    form.parsley().validate();

    if (form.parsley().isValid()){

        // do something here...

        setTimeout(function() {
            form.submit();
        }, 3000);

    }
});

正如你可能猜到的那样，form.submit()只会让我陷入无限循环。我无法确定如何在延迟后触发提交而不回忆验证。要清楚，我需要：

检查表格是否有效
做一些无关的事情
等待X秒
提交表格

有什么想法吗？是否有一个Parsley特定方法将提交表单而不重新验证？

Answer 1

根据this question取消操作后（使用preventDefault()），唯一的选择就是再次触发它。

你已经这样做了。您需要添加到逻辑中的条件是是否应该停止事件。你可以使用这样的东西：

＆＃13;

$(document).ready(function() {
  $("form").parsley();

  // By default, we won't submit the form.
  var submitForm = false;

  $("#myform").on('submit', function(e) {
    // If our variable is false, stop the default action. 
    // The first time 'submit' is triggered, we should prevent the default action
    if (!submitForm) {
      e.preventDefault();
    }
    var form = $(this);

    form.parsley().validate();

    // If the form is valid
    if (form.parsley().isValid()) {
      // Set the variable to true, so that when the 'submit' is triggered again, it doesn't
      // prevent the default action
      submitForm = true;
      // do something here...

      setTimeout(function() {
        // Trigger form submit
        form.submit();
      }, 3000);

    } else {
      // There could be times when the form is valid and then becames invalid. In these cases,
      // set the variable to false again.
      submitForm = false;
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.0.7/parsley.min.js"></script>
<form id="myform">
  <input type="text" name="field" required />
  <input type="submit" />
</form>

＆＃13;

Answer 2

我正在积极致力于处理承诺的更新，因此您想要实现的目标非常容易。

与此同时，它更难做到。我认为使用modes版本，您可以按如下方式发送提交事件：

remote

延迟Parsley.js表单提交

2 个答案: