Jquery动态验证字段

jquery dynamic validation of fields

本文关键字：字段 验证 动态 Jquery      更新时间：2023-09-26

我在jquery模态对话框中动态添加了两个字段reference link和reference text。当我点击添加用户时，会显示对话框。我们可以动态地添加和删除引用文本和链接字段。

我使用下面的代码 实现了它
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。等。

尝试如下内容。在每个元素旁边添加带有错误类的span 

$('#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'));
        }
    });
相关文章：