2013-08-27 200 views
1

我有3组相同的字段,这是三个不同成员的名字和姓氏。我正在尝试验证提交表单的字段。我附上了验证码,工作正常。同一个验证多个字段

我的问题是,我的验证代码看起来如此手动,因为我正在为每个字段编写代码。有没有办法编写单行代码来验证具有不同名称属性的相同类型的文本字段?

例如在我的颂名firstname1,firstname2,firstname3,firstname4,firstname5中,具有相同类型的验证,因此我想在短行中为这些字段编写验证码,而不是编写5行不同的行。

$().ready(function() { 
    $("#signupForm").validate({ 
     rules: { 
      firstname1: "required", 
      firstname2: "required", 
      firstname3: "required", 
      lastname1: "required", 
      lastname2: "required", 
      lastname3: "required", 

     },   
     messages: { 
      firstname1: "Please enter your firstname", 
      firstname2: "Please enter your firstname", 
      firstname3: "Please enter your firstname", 
      lastname1: "Please enter your lastname", 
      lastname2: "Please enter your lastname", 
      lastname3: "Please enter your lastname", 

     } 
    }); 
}); 

DEMO HERE

+0

它会出现在这个在真实的情景? –

+0

请看我的答案,如果它满足你的需要:) – Roopendra

回答

2

Plase试试这个: -

$(document).ready(function(){ 
    $("#signupForm").validate(); 
    $("input[name^=firstname]").each(function() { 
     $(this).rules("add", { 
      required: true, 
      messages: { 
      required: "Please enter your firstname" 
      } 
      }); 
    }); 
    $("input[name^=lastname]").each(function() { 
     $(this).rules("add", { 
      required: true, 
      messages: { 
      required: "Please enter your lastname" 
      } 
      }); 
    }); 
}); 

工作小提琴: - http://jsfiddle.net/rw9ns/34/

+0

你可以检查这个小提琴http://jsfiddle.net/rw9ns/35/。这是行不通的,当我结合我现有的代码 – Sowmya

+0

嗨Sowmya,谢谢你的努力。你传递错误的ID。请参阅http://jsfiddle.net/rw9ns/36/。将您的jquery'registration'中的表单ID更改为'signupForm'。 – Roopendra

+0

是的。你的代码是正确的但不幸的是它仍然不起作用在我的页面上。这里是最后的小提琴http://jsfiddle.net/8JQrj/1/ PLease chk this,在这些文本字段是循环中,你可以通过点击添加人按钮生成它 – Sowmya