javascript - 在 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');
        }
      }
    }
  });
});

和here is HTML 和 JS 协同工作的完整示例。如果您通过将字段留空来稍微玩一下这个 fiddle ，您将看到消息是如何不显示的。至少我希望我的字段如果无效则标记为红色，如果有效则标记为绿色。类似于 this

我是不是错过了什么？

Answer 1

您正在调用isValid。文档指出(以粗体显示!):

isValid: Does not affect UI nor fires events.

您想要调用validate({force: true})(如果进行异步验证，则调用whenValidate)