如何在自举验证中按下取消按钮时隐藏模式

Question

$(document).ready(function() { 

$("#login-link").on("click", function() { 
$("#login-modal").modal("show"); 

}); 

$('#loginform') 
    .bootstrapValidator({ 
    excluded: ':disabled', 
    feedbackIcons: { 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
     username: { 
      validators: { 
       notEmpty: { 
        message: 'The username is required' 
       } 
      } 
     }, 
     password: { 
      validators: { 
       notEmpty: { 
        message: 'The password is required' 
       } 
      } 
     } 
    } 
}) 
    .on('success.form.bv', function (e) { 
    // Prevent form submission 
    e.preventDefault(); 


     // Get the form instance 
     var $form = $(e.target); 

     // Get the BootstrapValidator instance 
     var bv = $form.data('bootstrapValidator'); 

     // Use Ajax to submit form data 
     $.post($form.attr('action'), $form.serialize(), function(result) { 

      if(result=="success") 
      { 
      window.location = "home.php"; 
      } 
      else 
      { 
      alert("wrong username or password"); 
      } 
     }, 'json'); 



    $('#login-modal').modal('hide'); 
}); 

$('#login-modal') 
    .on('shown.bs.modal', function() { 
     $('#loginform').find('[name="username"]').focus(); 
    }) 
    .on('hidden.bs.modal', function() { 
     $('#loginform').bootstrapValidator('resetForm', true); 
    }); 
    }); 

这是我的代码的一部分。这里如何在bootstrapvalidation插件中按下取消按钮时关闭模式，以及如何清除bootstrapvalidation插件中的formfild值？

Answer 1

我不是舒尔如果这是你在找什么，但anywhay我会建议去引导网站 http://getbootstrap.com/css/

在那里你会找到一个交叉删除按钮：

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button> 

和这个关闭按钮，可能是你要找的东西：

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>