使用jquery驗證克隆不工作

使用jquery在我的當前代碼中使用克隆驗證克隆。使用jquery驗證克隆不工作

如果用戶點擊下一步按鈕最初沒有填寫任何必填字段的它顯示錯誤消息你已經錯過了4場。請在提交之前填寫。
如果用戶單擊表單中的addmore按鈕，如果用戶沒有填寫任何字段，它應該提醒消息說成功。
如果用戶填寫克隆中的任何一個字段，如果點擊下一個按鈕，它應該顯示總數爲您錯過了7個字段。請在提交之前填寫。。
如果用戶點擊刪除按鈕，然後如果用戶點擊下一個按鈕應該說您錯過了4個字段。請在提交之前填寫。

與我目前的代碼，我已經達到了第一點，但不是2,3,4我很困惑，請幫助我。我奮力

這裏是jQuery代碼

$(document).ready(function() { 
$('.error_msge').hide(); 
$("#basicForm").validate({ 
    onkeyup: false, 
     showErrors: function (errorMap, errorList) { 
     var errors = this.numberOfInvalids(); 

     if (errors) { 
      var message = errors == 1 ? 'You missed 1 field. It has been highlighted' : 'You have missed ' + errors + ' fields. Please fill before submitted.'; 
      $("#error_message").html(message); 
      $(".error_msge").show(); 
     } else { 
      $(".error_msge").hide(); 
     } 
     this.defaultShowErrors(); 
    }, 
    errorPlacement: function() { 
     return false; 
    }, 
    highlight: function (element) { 

     if ($(element).is(':radio')) { 

     } else { 
      $(element).addClass('errRed'); 
     } 
     $(element).prevAll('label').find('span.required-star').addClass('text-error-red').removeClass('text-error-black');    
    }, 
    unhighlight: function (element) { 

     if ($(element).is(':radio')) { 
     } else { 
      $(element).removeClass('errRed'); 
     } 
     $(element).prevAll('label').find('span.required-star').addClass('text-error-black').removeClass('text-error-red'); 

    }, 

    rules: { 
     txt_Jbt: "required", 
     txt_Empl: "required", 
     txt_Fdob: "required", 
     txt_Tdob: "required" 
    } 
});

這裏是fidde Link

請幫我

在此先感謝

來源

2015-09-20 Mahadevan

檢查你的代碼jsfiddle工作。克隆的元素對名稱屬性<input name="**">具有相同的值。 Validator認爲它是一個字段，儘管它們是不同的。除此之外，我根據類名分配了規則。讓我知道這是否是您的預期行爲。

.... 
$clone.find('[id]').each(function() { 
    this.id += '_' + $('.cloned-row3').length + 1 
    this.name += '_' + $('.cloned-row3').length + 1 
}); 
....

編輯1：

Working solution - jsfiddle

來源

2015-09-20 05:55:42 Dave

感謝一旦用戶點擊按鈕addmore只有一個下一個按鈕應該看到回覆一個小小的要求是能夠做到這一點 – Mahadevan

喜@戴夫，我認爲2 nd點缺失，如果用戶點擊添加更多buton，然後如果用戶點擊下一個按鈕，它應該只提示前四個字段不是爲克隆的一個好心請幫我 – Mahadevan

與兩個評論混淆..我沒有unfrstand正確。讓我們說用戶點擊添加更多5次。在這種情況下，頁面中會有5個NEXT按鈕或只有一個NEXT按鈕。 – Dave

使用jquery驗證克隆不工作

回答

相關問題