javascript - 无法使用 jQuery 验证器验证动态输入？

Question

我已阅读了有关此问题的大部分已回答的问题，但到目前为止还无法使其正常工作，已经两天了，我有此表格

<form id="mr_project_form" class="post" role="form">
    <label class="fre-field-title" for="fre-project-title">Your project title</label>
    <input class="input-item text-field" id="fre-project-title" type="text" name="post_title" placeholder="Add more than 15 characters"/>
    <!--Submit button-->
</form>

我可以在此处的输入元素上应用验证器，如下所示

$( "#mr_project_form" ).validate();

然后在 AJAX 调用由 AJAX 响应注入(inject)的输入之后，所以表单将是这样的

<form id="mr_project_form" class="post" role="form">
    <label class="fre-field-title" for="fre-project-title">Your project title</label>
    <input class="input-item text-field" id="fre-project-title" type="text" name="post_title" placeholder="Add more than 15 characters"/>

    <!--Inserted input-->
    <input class="input-item text-field" id="inserted_input" type="text" name="inserted_input"/>
    <!--Submit button-->
</form>

正如 #22287410 中提到的和 #18022224 ，我应该在添加元素之后添加规则，所以在ajax成功中我添加了这样的规则

$.ajax({
  url: mr_ajax_url,
  type: "POST",
  data: dataString,
  success: function (response) {
    $("#" + insertLcation).html(response);
    $('#inserted_input').rules('add', { digit: true, });
  },
});

但无法验证它，并且我在页面加载时收到此错误

TypeError: t.validator.methods[a] is undefined; can't access its "call" property

TypeError: s is undefined; can't access its "form" property

Answer 1

其数字与s，而不是数字。

$('#inserted_input').rules('add', { digits: true, });