jquery字段的動態驗證

Question

我有兩個字段引用鏈接和參考文本，在jquery模式對話框中動態添加。當我點擊添加用戶時會顯示對話框。我們可以動態添加和刪除參考文本和鏈接字段。

我來達到的是使用下面的代碼

var $ctrl = $('<div id="refHolder'+i+'">'+ 
      '<div class="form-row" style="padding-right: 10px;">  '+    
      '<div class="form-label" style="width: 180px;">'+ 
       '<label for="text">Reference Text '+labelCount+' </label>'+ 
      '</div>'+ 
      '<div>'+ 
       '<input id="links'+i+'text" class="w300" type="text" name="links'+i+'text" size="45" />'+ 
       '<a href="#" id="delRef'+i+'" style="float: right; border: none; color: #fff;" onClick="removeFormField('+i+'); return false;"><img src="./resources/images/delete.gif"></a>'+ 
      '</div> '+    
     '</div>'+ 
     '<div class="form-row"> '+    
      '<div class="form-label" style="width: 180px;">'+ 
       '<label for="link">Reference Link '+labelCount+'</label>'+ 
      '</div>'+ 
      '<div>'+ 
       '<input id="links'+i+'link" class="url w300" type="text" name="links'+i+'link" size="45" />'+ 
      '</div>'+   
     '</div>'+ 
    '</div>'); 
    $("#referenceMain").append($ctrl); 
    $('#hdnRefLinksCount').val(i+1);}); 

現在我要驗證鏈接字段，檢查它是否是一個有效的URL。我已經使用驗證插件檢查了它。現在如何顯示每個鏈接的特定錯誤消息。例如：引用鏈接1應該是一個有效的網址，引用鏈接2應該是一個有效的網址..等。

Answer 1

嘗試下面的東西。在每個元素旁邊添加類錯誤的跨度

$('#myform').validate({ 
     rules: { 
      ddltest: { 
       dropDownValidator: true 
      }, 
      txttest: { 
       required: true 
      } 
     }, 
     messages: { 
      ddltest: { dropDownValidator: "Please select this" }, 
      txttest: { required: "Please enter some text" } 
     }, 
     errorPlacement: function (error, element) { 
      error.appendTo(element.nextAll('.error')); 
     } 
    });