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')); 
     } 
    });