jquery - jQuery 验证错误消息

Question

我正在使用 jQuery 验证插件，我希望错误消息显示在 id="test" 的特定文本输入中。

我该怎么做呢？

Answer 1

从验证插件文档：

$(".selector").validate({
    invalidHandler: function(form, validator) {
      var errors = validator.numberOfInvalids();
      if (errors) {
        var message = errors == 1
          ? 'You missed 1 field. It has been highlighted'
          : 'You missed ' + errors + ' fields. They have been highlighted';
        $("div.error span").html(message);
        $("div.error").show();
      } else {
        $("div.error").hide();
      }
    }
 })

Answer 2

$("#myform").validate({
  errorPlacement: function(error, element) {
     error.appendTo( $('input#test'));
   }
 })

Answer 3

查看文档，您可以通过查询numberOfInvalids()来了解是否有任何错误

var validator = $("#myform").validate({
  invalidHandler: function() {
    $("#summary").text(validator.numberOfInvalids() + " field(s) are invalid");
  }
});

如果有的话，您可以单独浏览表单中的元素

$("#myform").validate().element( "#myselect" );

此代码返回一个关于元素是否有效的布尔值。

Answer 4

    $("#myform").validate({
        errorPlacement: function(error, element) {
            $('input#test').val(error);
        }
    });

虽然，我不确定您为什么要使用验证错误填充输入字段，但我确信这在您设计的前端是有意义的。