bootbox和jquery验证

Question

我正在使用bootbox对话框的窗体（只有一个文本框和一个textarea），我想用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

的;

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