jQuery验证错误消息

Question

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

我该怎么做？

Answer 1

来自Validation Plugin documentation：

$(".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

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

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

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

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

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

Answer 3

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

Answer 4

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

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