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应该是有效的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'));
        }
    });

jquery字段的动态验证

1 个答案: