如何在JavaScript设置的密码和用户名放在引导模式

Question

我一直在使用自举3中的链接

http://bootstrapvalidator.com/examples/modal/

为解释JavaScript代码如何设置把登录模式中的表单用户名和密码为登录表单的特定值。 我仍然在学习HTML和CSS。我不太了解JavaScript。

Answer 1

$('input[name="username"]').val('user'); 
$('input[name="password"]').val('password') 

http://jsfiddle.net/sp5fcaLm/

虽然我不知道设置密码，直接是最好的主意。

Answer 2

你可以试试：

HTML代码：

<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Login</h4> 
     </div> 

     <div class="modal-body"> 
      <!-- The form is placed inside the body of modal --> 
      <form id="loginForm" method="post" class="form-horizontal"> 
       <div class="form-group"> 
        <label class="col-sm-3 control-label">Username</label> 
        <div class="col-sm-5"> 
         <input type="text" class="form-control" name="username" id="username" /> 
        </div> 
       </div> 

       <div class="form-group"> 
        <label class="col-sm-3 control-label">Password</label> 
        <div class="col-sm-5"> 
         <input type="password" class="form-control" name="password" id="password" /> 
        </div> 
       </div> 

       <div class="form-group"> 
        <div class="col-sm-5 col-sm-offset-3"> 
         <button type="submit" class="btn btn-default">Login</button> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

和JavaScript代码：

$('#loginModal').on('shown.bs.modal', function() { 
     $('#username').val('example@gmail.com'); 
     $('#password').val('123456'); 
}); 

记住包括Twitter的引导。它here