驗證，加入custome消息克隆元素

Question

IHAVE克隆一對夫婦的表單域，並試圖加入jQuery驗證（http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js）

我已經添加了低於線（此樣本從類似的問題，以前的一個答案了）但不工作。

$("#NameOnCard"+uniqueId).rules("add", { required:true,minlength:3,maxlength:15 }); 

請參閱演示。

JS FIDDLE

Answer 1

你讓你的代碼的一些錯誤，是造成你的問題。他們中有些人可能只是由於你如何複製到您的jsfiddle，但我會在這裏展示他們都：

• 你需要一次加載頁面時，不是在你的click處理程序提交給調用$.validate按鈕。你並不需要一個單擊處理所有的，因爲該插件會照顧一切爲你（和調用submitHandler如果它是有效的）

代碼：

$(document).ready(function(){ 
    $('#iPayForm').validate({ // initialize the plugin 
     //all your options here 
    }); 
}); 

• 您的形式需要在$.validate調用中引用id。

您有：

<form class="form-horizontal > 

應該是：

<form class="form-horizontal" id="iPayForm" > 

• 當你克隆的付款信息，你把規則代碼添加刪除的點擊處理程序中按鈕。相反，它需要進入添加按鈕的點擊處理程序。

應該是這樣的：

$('#' + divID).find('input,select').each(function() { 
     $(this).attr('id', ($(this).attr('id')).slice(0,-1) + uniqueId);  
     $(this).attr('name', ($(this).attr('name')).slice(0,-1) + uniqueId); 
     $(this).val(''); 

    }); 
    $("#NameOnCard"+uniqueId).rules("add", { required:true,minlength:3,maxlength:15 }); 

我做了一個 「工作」 演示在這裏：http://jsfiddle.net/tK4f6/21/