Php 使用ajax打开添加/更新表单时JQuery验证中的问题

问题

JQuery验证不起作用。在下面的对话框中，请单击“请单击此处”按钮，然后单击“保存”。它不会验证表单

我有jQuery验证代码，如果我在新页面中打开add/update表单，它可以正常工作。我的意思是将用户重定向到新的路由

$("form#" + createRoleForm).validate({
    rules: {

    },
    messages: {

    },
    submitHandler: function(form) {

    }
});

如果我在列表页面内时单击同一页面中的按钮打开添加/更新表单……上述jQuery验证代码不起作用。我想我需要这样的东西

$(document).ready(function() {
    $(document).on("eventtype", "object", function() {
    });
});

---

但是，我不确定如何以这种方式绑定validate事件……

因为您的表单是异步的，所以在创建验证器时，您的元素不在dom上

您应该在ajax成功函数中添加验证代码：

//...
success: function(result) {
        $('#SaveRoleModal').html(result);
        createValidator("form#" + createRoleForm)
        return false;
      },
//...


function createValidator(target) {
    $(target).validate({
            rules: {
              Role: {
                required: true
              }
            },
            messages: {
              Role: {
                required: "Please enter Role"
              }
            },
            submitHandler: function(form) {
              console.log('ok :)')
            }
          });
  }