Question

我添加了一个jQuery验证规则，因此至少有一个类＆＃34;的复选框需要一个＆＃34;必须进行检查才能使表格有效。

$(".require-one").rules("add", {
  required: true,
  minlength: 1,
  messages: {
    required: "Check at least one"
  }
});

效果很好，表单不提交，焦点设置为第一个复选框。

但是如何让它在以下位置显示错误消息：

<span id="require-one-errormessage></span>

提前致谢

Answer 1

您可以在label方法中使用the errorElement option将默认的.validate()元素更改为任何内容。

$('#myForm').validate({
    errorElement: "span",
    // your other options
});

然后，您可以使用the errorPlacement option将元素放置在布局中。使用条件来放置一种类型与另一种类型。

$('#myForm').validate({
    errorElement: "span",
    errorPlacement: function(error, element) {
        if ($(element).is(':checkbox')) {
            error.insertBefore(element); // custom
        } else {
            error.insertAfter(element);  // default
        }
    },
    // your other options
});

AFAIK，因为错误元素是由插件动态创建和切换的，所以无法分配id，也不会有任何意义。但是，如果需要，您可以使用the errorClass option为所有错误消息分配不同的类。

jQuery验证，如何将错误消息挂钩到div

1 个答案: