在 jQuery UI 对话框中的表单中调用 Parsley.js 时，错误消息未出现？

Question

我有一个位于 q jQuery UI 模式中的表单，并且 Parsley.js 无法正常工作，因为验证消息未显示在 UI 上。

这是我一直在玩的代码：

$(function() {
  $('#order_push').click(function() {
    $('#add_contact').dialog('open');
  });

  $('#add_contact').dialog({
    title: "Add Contact",
    autoOpen: false,
    modal: true,
    width: 600,
    height: 300,
    buttons: {
      'Create': function() {
        var $form = $('#contact_frm').parsley();

        if ($form.isValid()) {
          alert('valid');
        }
      }
    }
  });
});

这是HTML 和 JS 协同工作的完整示例。如果您通过将字段留空来稍微玩一下这个小提琴，您将看到消息是如何不显示的。至少我希望我的字段如果无效则标记为红色，如果有效则标记为绿色。像这样的东西

我在这里错过了什么吗？

Answer 1

你正在呼唤isValid。该文档指出（以粗体显示！）：

isValid：不影响 UI 也不触发事件。

您想要调用validate({force: true})（或者whenValidate如果进行异步验证）