フィールドのjquery動的検証

Question

jqueryモーダルダイアログに動的に追加される2つのフィールド参照リンクと参照テキストがあります。ユーザーの追加をクリックするとダイアログが表示されます。参照テキストとリンクフィールドを動的に追加したり、削除したりすることができます。

私は今、私はそれが有効なURLであるかどうかを確認するためにリンクフィールドを検証する必要があり、次のコード

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

を使用してそれをacheived。私はそれを検証プラグインを使ってチェックしました。各リンクの特定のエラーメッセージを表示する方法。例：参照リンク1は有効なURLでなければなりません。参照リンク2は有効なURLでなければなりません。

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