表单正确时出现 Modal Bootstrap答案

【问题标题】：Modal Bootstrap appear when the form is correct表单正确时出现 Modal Bootstrap
【发布时间】：2016-03-18 07:03:57
【问题描述】：

我的 Bootstrap modal 和 jquery.validate 有问题，我使用 modal bootstrap 来显示错误消息，当表单正确时出现 windows modal，这是我的 Js 代码，modal 出现 showerrorsfunction

 $("#form").validate({
        errorElement: "em",
        errorContainer: "#myModal",
        errorPlacement: function(error, element) {
              error.prependTo('#myModal');
            },
    rules: {
         "tRemision": {
             minlength: 5,
             number: true
             }
     },
      submitHandler: function(form) { 
          form.submit();
          document.getElementById("b1").value = "Running...";
          document.getElementById("b2").disabled = true;
          return true; 
          },
    errorLabelContainer: $("#myModal p"),
    success: function() {
        $('#myModal').modal("hide");
      },
    onblur: false,
    onkeyup: false,
    onsubmit: true,
    onfocusout: false,
    onkeyup: false,
    onclick: false,
    /*debug: true,*/
    showErrors: function(errorMap, errorList) {
        $('#myModal').modal();
         this.defaultShowErrors();
      }
});

【问题讨论】：

标签： jquery twitter-bootstrap modal-dialog

【解决方案1】：

我用这段代码解决了我自己的问题，选项 errorPlacement 是解决方案：

$("#button").on("click", function() {
    $("#form").validate({
        onblur: false,
        onkeyup: false,
        onsubmit: true,
        onfocusout: false,
        onkeyup: false,
        onclick: false,   
        errorPlacement: function(error, element){
            $("#MyModal, p").empty();
            error.appendTo("#MyModal, p");      
            $("#myModal").modal('show');

        },
        rules: {
            "textbox": {number: true,   minlength: 5}
        },
        submitHandler: function(form) { 
            document.getElementById("button").value = "Running...";
            document.getElementById("button").disabled = true;
            return true; 
         }
    });
    });

【讨论】：