bootbox和jquery验证

Question

我正在对一个表单使用bootbox对话框(只有一个文本框和一个文本区域)，并且我正在尝试使用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插件在表单here中添加验证

as；

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