jQuery 验证插件 - 如何关闭非提交验证结果？

Question

我使用 jquery 验证插件和 jQuery 表单插件。

我打开了电子邮件格式验证，它可以在运行时开始验证电子邮件并立即告诉用户他/她输入了无效的电子邮件格式。

但是这个检查也触发错误消息框是不行的 - 有没有办法强制验证（）在输入旁边显示错误标签但同时不开火/显示error_box？ （结果） 。我想在用户单击提交按钮后向结果框中添加任何内容 - 可以吗？

编辑：我认为很清楚，显然不是，所以我添加了这段代码:)

编辑 3： 我要去的地方：我确实想要 target: .result 中的消息，但只有在点击提交按钮之后 - 不是任何时候都应该尽快现在更清楚了:)

      var zadost = $("#validate_zadost").validate({
          focusInvalid: false,
          submitHandler: function(form) {
                  $(form).ajaxSubmit({
                          target: ".result",
                          success: function(){ zadost.resetForm(); }
                  });
          },
          showErrors: function(errorMap, errorList) {
            $(".result")
              .html("<div class='error_box'><h1>Nebyly vyplňeny povinné údaje nebo byly vyplňeny špatně!</h1><p>Žádost nebyla odeslána - prosím doplňte povinné údaje (ve správném formátu). (červeně zvýrazněny)</p></div>");
            this.defaultShowErrors();
          },
          errorPlacement: function(error, element) { //error message and JQUERY element coming...
            if( element.is(':checkbox') ) error.insertBefore(element).addClass('zadostErrorCheckbox');
              else error.insertAfter(element);
          }

  });

Answer 1

See the documentation.

引用标题：

“如何关闭非提交验证结果？”

听起来你想关闭所有“事件”...

$('#myform').validate({
    // options & rules,
    onkeyup: false,    // prevent validation on every key up
    onfocusout: false, // prevent validation after leaving field
    onclick: false     // prevent validation when clicking radio and checkbox
});

不要使用onsubmit 选项，因为它已经是默认行为（将其设置为true 会破坏插件）。

引用 OP：

“但是，此检查也触发错误消息框是不行的 - 有没有办法强制 validate() 在输入旁边显示错误标签但同时不触发/显示error_box?（在结果中）。我想在用户单击提交按钮后向结果框中添加任何内容 - 可以吗？"

我看不到你的代码，所以我不知道你做了什么，但是，输入字段旁边只显示错误消息标签是已经默认行为。你的代码中的某些东西一定会导致其他事情发生在这里。

编辑：如果您不想显示错误框并且只在输入元素旁边的标签中显示错误，请删除整个 showErrors 回调函数。