twitter-bootstrap - bootbox 和 jquery 验证

Question

我正在使用带有表单的引导框对话框（只有一个文本框和一个文本区域），我正在尝试使用 jquery 验证插件对其进行验证。

这是我的代码

var templateDialog="<form action=\"#\" id=\"create-form\" name=\"create-form\" class=\"form\" method=\"post\">"+
"<div class=\"controls\">"+
"<input type=\"text\" id=\"field1\" name=\"field1\"  />"+   
"</div>"+

"<div class=\"controls\">"+
"<textarea id=\"field2\" name=\"field2\"  rows=\"13\"></textarea>"+ 
"</div>"+
"</form>";


bootbox.dialog(templateDialog,
[{
   "label" : "Cancel",
   "class" : "btn",
   "callback": function() {

    }
  }, {
        "label" : "Save",
        "class" : "btn-primary",
        "callback": function() {

        $('#create-form').validate({
           errorElement: 'span', 
           errorClass: 'errorblock', 
           focusInvalid: false, 
           errorContainer: ".alerterror",
           ignore: "",
           rules: {
                    field1: {
                    required: true
                  },
                    field2: {
                    required: true
                  }
           },

           errorPlacement: function (error, element) { 
               $(element).closest('.controls').append(error);
               console.log(element);
           },

           submitHandler: function (form) {
                        //manual submit
           }
        });


                return false;
            }
        }]
        ,
        {
            header: 'Create',
            css: 'large-modal'
        }
        );

使用上面的代码，我没有收到任何错误，也没有收到成功警报，我做错了什么？

谢谢

Answer 1

使用 livequery 插件在此处以该表单添加验证

作为 ;

 $('#create-form').livequery(function(){
    $(this).validate({
       .....
       .....
    });
 });