使用live（）进行验证并通过ajax（）提交

Question

我在JQuery中有这个：

$("form").validate({  rules: {
            captcha: {
                required: true,
                remote: {
        url: "gb_include/captcha.php",
        type: "post"
          },
            }
        },
        messages: {
            captcha: "Correct captcha is required."
        }});
   $("form").submit(function(){

        if($(this).valid() == true){ /* submit via ajax */ }

但我需要.live()，因为表单是在$(document).ready()之后加载的，我怎么能这样做？

Answer 1

为什么不在.load回调中执行上述代码？

见SOq：

• Execute custom function on dynamic loaded page in jQuery

有类似的要求。

Answer 2

您可以创建在加载表单后运行的自定义事件。

$(document).bind('bindForm', function (e) {
    $("#form").validate({  rules: {
        captcha: {
            required: true,
            remote: {
    url: "gb_include/captcha.php",
    type: "post"
      },
        }
    },
    messages: {
        captcha: "Correct captcha is required."
    }});
    $("form").submit(function(){
        if($(this).valid() == true){ /* submit via ajax */ }
    });
});

在加载表单的代码后添加：

$(document).trigger('bindForm');