Javascript 验证字段';变量id为的。如何输出错误。jQuery验证插件

Javascript 验证字段';变量id为的。如何输出错误。jQuery验证插件,javascript,jquery,validation,Javascript,Jquery,Validation,(1)我有下一个html: <form method='post' action='' id='#countersForm'> <label class='error' id='88'></label> <input id="88" class="counter_input active" type="text" enabled=""> <label class='error' id='89'></label> <in

(1)我有下一个html:

<form method='post' action='' id='#countersForm'>
<label class='error' id='88'></label>
<input id="88" class="counter_input active" type="text" enabled="">
<label class='error' id='89'></label>
<input id="89" class="counter_input active" type="text" enabled="">
</form>
(2)将在哪些字段中打印来自“消息”部分的消息?如何指定它们?我找到了很多关于这个插件的文章,但是没有太多(我仍然没有找到)带有输出字段的例子

也许这段代码可以帮助我:

$("#myForm").validate({
    rules: {
        field: {
            required: true,
            minlength: 10,
            alphanumeric: true
        }
    },
    messages: {
        field: {
            required: 'This is required.',
            minlength: 'Please enter at least 10 characters.',
            alphanumeric: 'No special characters.'
        }
    },
    errorPlacement: function(error) {
        $("#response").html(error);
    }
});
但它在
#response
元素中放置了错误。我需要在输入字段附近输出错误。我能否以某种方式获取当前验证元素的id并将错误输出到标签,连接到此元素?

试试看


ID必须是唯一的使用类

两个元素不应具有相同的id


Read

Id
必须是唯一的使用类,而不是Steadwell ok。这是一个简单的代码,我在每个输入中使用
id
class
属性。我会更好地编辑我的问题。写这句话是什么意思:“ID必须是唯一的使用类”?@SharikovVladislav两个元素不应该有相同的ID.Hm。也许我做错了。身份证是不平等的。现在检查问题。
$('label#xx').find.html(错误)
有效吗?输入之后,我不需要插入,我需要将消息输出到标签中,与每个字段连接。如何获取当前验证字段的id来执行此操作?@SharikovVladislav上面的代码将创建一个标签,您不需要添加标签。
$("#myForm").validate({
    rules: {
        field: {
            required: true,
            minlength: 10,
            alphanumeric: true
        }
    },
    messages: {
        field: {
            required: 'This is required.',
            minlength: 'Please enter at least 10 characters.',
            alphanumeric: 'No special characters.'
        }
    },
    errorPlacement: function(error) {
        $("#response").html(error);
    }
});
errorPlacement: function(error, element) {
        error.insertAfter(element);
}