Проверка формы с одинаковыми именами полей ввода?

Question

У меня есть код jquery для проверки формы.

function validateForm(){ 


     $("input.field1").each(function(){ 
     $(this).rules("add", { 
      required: true, 
      messages: { 
       required: "Required" 
      } 
     });    
    }); 



    $("input.fieldTwo").each(function(){ 
     $(this).rules("add", { 
      required: true, 
      maxlength: 12, 
      email: true 
      messages: { 
       required: "Enter email", 
       email: "Enter valid email", 
       maxlength: "Maximum 12 characters" 
      } 
     });    
    }); 



    $("input.field3").each(function(){ 
     $(this).rules("add", { 
      required: false, 
      maxlength: 12 
      messages: { 
       maxlength: "Maximum 12 characters" 
      } 
     });    
    }); 

    $("input.field4").each(function(){ 
     $(this).rules("add", { 
      required: false, 
      maxlength: 12 
      messages: { 
       maxlength: "Maximum 12 characters" 
      } 
     });    
    }); 

    $("input.field5").each(function(){ 
     $(this).rules("add", { 
      required: false, 
      maxlength: 12 
      messages: { 
       maxlength: "Maximum 12 characters" 
      } 
     });    
    }); 



     return $("#myForm").validate({ 
      onfocusout: function(element) { jQuery(element).valid(); } 
    }); 

    } 

Но он всегда дает ошибку скрипта, говорящую SyntaxError: missing } after property list.

Но я верю, где нет}.

У меня что-то отсутствует?

Спасибо!

Answer 1

Вам не хватает нескольких запятых. См. Код и повторяйте его.

$("input.fieldTwo").each(function(){ 
    $(this).rules("add", { 
     required: true, 
     maxlength: 12, 
     email: true //MISSING COMMA 
     messages: { 
      required: "Enter email", 
      email: "Enter valid email", 
      maxlength: "Maximum 12 characters" 
     } 
    });    
}); 

$("input.field3").each(function(){ 
    $(this).rules("add", { 
     required: false, 
     maxlength: 12 //MISSING COMMA 
     messages: { 
      maxlength: "Maximum 12 characters" 
     } 
    });    
}); 

$("input.field4").each(function(){ 
    $(this).rules("add", { 
     required: false, 
     maxlength: 12 //MISSING COMMA 
     messages: { 
      maxlength: "Maximum 12 characters" 
     } 
    });    
}); 

Answer 2

Вы пропускаете запятую здесь:

$("input.field3").each(function(){ 
     $(this).rules("add", { 
      required: false, 
      maxlength: 12, // added a comma here 
      messages: { 
       maxlength: "Maximum 12 characters" 
      } 
     });    
    }); 

Вы фактически пропустили запятую в каждой области после maxlength собственности. Возможно, ошибка копирования и вставки?