Question

我正在尝试将jQuery验证添加到我的应用程序中的动态表中。这是我的代码。

    <table border="1px" id="table">
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
        <tr>
            <td><input type=text name="fname_new[0]" class="table_input" /></td>
            <td><input type=text name="lname_new[0]" class="table_input" /></td>

        </tr>
    </table>
  <input type="button" name="submit" value="Submit" id="submit" />

点击添加按钮后，我按jquery

添加行

  $("#AddLine").click(function () {
  var row = "<tr><td><input name=fname_new[" + num_rows + "] type=text class='table_input' /></td><td><input name=lname_new[" + num_rows + "]type=text class='table_input' /></td></tr>";
      $("#table").append(row);
            num_rows++;
    });

我在这里使用ajax帖子提交表单。表格像这样提交

<input type="button" id="savebutton" value="save'/>

点击按钮，表格就像这样张贴

 $.ajax({
            url: '@Url.Action("", "MyCOntroller")',
            type: 'POST',
            data: formdata,
            datatype: 'json',
            success: function (response) {
                $('#UserMessage').html(response.UserMsg);

            },
            error: function (error) {
            }
        });

我想使用jQuery验证动态表，有人可以在通过ajax发布之前告诉我如何验证。

Answer 1

这取决于各种各样的事情。比如你想验证什么？你使用什么框架？

例如，如果要验证是否必须输入值，则需要在输入中添加属性：data-val-required="The xxxxx field is required"。然后在调用ajax函数之前使用if ($('#yourFormId').valid())检查数据是否有效。您还需要一个数据验证消息显示，我目前无法记住其语法。

有许多事情可以验证，而不仅仅是需要一个字段。您应该查找jQuery验证，因为我已经有很多很容易找到的信息。

如果您使用的是ASP.Net MVC，那么您应该考虑不引人注目的验证。然后，您可以向模型添加数据注释，例如[必需]，并且在使用Html.EditorFor等时将自动输入必要的属性。再次，这很容易找到信息。

如何在使用ajax post时验证动态表

1 个答案: