ошибка: плагин проверки формы Jquery добавляет дубликаты сообщений об ошибках для каждого поля в Firefox

Question

В своей форме я использую плагин проверки формы jquery для проверки формы.Но проблема в том, что сообщения об ошибках отображаются несколько раз под каждым полем.Как вы видите на скриншоте ниже.Это работает правильно в Chrome, но не в Firefox.

.

Я обнаружил, что эта ошибка возникает при использовании поля name="id"

<input name="id" class=""/>

Следующий код, который я использую

$('document').ready(function(){
$("#form").validate({

    rules : {
        "id":{
            required:true,
            digits:true
        },

        "user_login":{
            required:true
        },

        "user_pass":{
            required:true
        }
        },
   messages: {
        "id":{
            required: "This field is required"
        },

        "user_login":{
            required: "This field is required"
        },

        "user_pass":{
            required: "This field is required"
        }
        },
   submitHandler: function(form){
        var formData = $('#form').serialize();
            $('#form').unbind("submit"); // fix for IE
            $.ajax({
                url: "",
                data:formData,
                type:"POST",
                error: function(error){
                },
                success: function(data) {
                }
            });
        return false;
      });
});

Как мне избежать добавления нескольких сообщений об ошибках на поле.

Редактировать: Мой код HTML

<form id="form" name="" method="POST" action="">
<ul class="formstyle">
    <li>
        <label>Id</label>
        <input type="text" name="id" class="" />
    </li>
    <li>
        <label>User Login</label>
        <input type="text" name="user_login" class="" />
    </li>
    <li>
        <label>User Pass</label>
        <input type="text" name="user_pass" class="" />
    </li>    
    <li>
            <input type="submit"/>
    </li>
</ul>
</form>

Answer 1

Та же проблема может возникнуть при использовании формы внутри тега таблицы, как показано ниже:

<table width="600">
<form id="form" name="" method="POST" action="">
... (rest of the table elements)
</form>
</table>

Чтобы решить эту проблему, вам нужно указать тег таблицы внутри тегов формы, как показано ниже:

<form id="form" name="" method="POST" action="">
<table width="600">
... (rest of the table elements)
</table>
</form>

Надеюсь, это поможет.

Answer 2

Я сделал это работает.

Problem is with jQuery version.

Я использую версию jQuery: v1.4.3 (не работает)

Подключаемый модуль проверки версии jQuery, работающий с: v1.6.4 (работает)