Question

我无法验证具有动态行的表单。当我单击按钮时，我添加了新行。但这些行不会验证。

$("#add").click(function() {
    //event.preventDefault();
    $v = $v+1;

    $("#zamowione_produkty").find('tbody')     
        .append($('<tr>')
            .append($('<td class = "licz">'+$v+'</td>'))
            .append($('<td><input type="text" name ="nazwa[]" size="40" class="required" /></td>'))
            .append($('<td><input type="text" name ="warianty[]"  size="60" class="required" /></td>'))
            .append($('<td><input type="text" name ="ilosc[]"  size="10" class="required" onkeypress=validate(event) /></td>'))
            .append($('<td><input type="text" name="data[]"  size="15" class="data required"  /></td>'))
        );

    $('.data').datepicker({dateFormat: 'yy-mm-dd'});
    $.datepicker.setDefaults( $.datepicker.regional[ "pl" ] );

Zamowione_produkty是form2中的表格

添加验证

$(document).ready(function() {
    $("#form2").validate();
});

Answer 1

我写了一篇关于如何使用jQuery's unobtrusive validation on dynamic content的博文。您可能希望将此作为一个很好的起点。

从该博客文章中，重要的部分是在添加新字段时设置验证。

$.ajax({
    type: 'GET',
    url: '/Home/TreeNode',
    data: {
        id: id
    },
    success: function(data) {
        $('#ajaxform').html(data);
        $.validator.unobtrusive.parse($("#validation"));  // this is important
    }
});

无法验证具有动态行的表单

1 个答案: