表單提交使用引導

Question

我對bootstrap API比較新，但我沒有找到任何有關我正在尋找的文檔。我可以通過SafariBook訪問大約5本關於bootstrap的教科書，所有這些教科書都沒有任何變化。我的困境：我正在製作一個簡單的登錄表單。這裏是我有：

<div class="container"> 
<div class="row"> 
    <div class="span12"> 
     <form class="form-horizontal" action='' method="POST"> 
      <fieldset> 
      <div id="legend"> 
       <legend class="">Login</legend> 
      </div> 
      <div class="control-group"> 
       <!-- Username --> 
       <label class="control-label" for="username">Username</label> 
       <div class="controls"> 
       <input type="text" id="username" name="username" placeholder="" class="input-xlarge"> 
       </div> 
      </div> 
      <div class="control-group"> 
       <!-- Password--> 
       <label class="control-label" for="password">Password</label> 
       <div class="controls"> 
       <input type="password" id="password" name="password" placeholder="" class="input-xlarge"> 
       </div> 
      </div> 
      <div class="control-group"> 
       <!-- Button --> 
       <div class="controls"> 
       <button class="btn btn-success">Login</button> 
       </div> 
      </div> 
      </fieldset> 
     </form> 
    </div> 
</div> 

我很想知道的是，我怎麼檢索點擊登錄時使用JavaScript兩個字段中的值？我的目標是將值傳遞給我的Parse數據庫。據我所知，我需要將表單傳遞給一個腳本，在那裏我可以調用「form.Email」或者這些腳本，但不知道如何到達那裏。

我似乎無法找到任何明確的例子。我一直在挖掘大約兩個小時，沒有運氣，我知道這是一個菜鳥問題。謝謝。

Answer 1

這是獲得輸入到jquery的方法之一。之後，你可以形成一個AJAX發佈請求到特定的鏈接與你想傳輸的數據。

$('.btn-success').click(function() { 
    var username = $('#username').val() 
    //do whatever you want with the value 
    $.ajax({ 
     //object parameters goes here 
    }); 
}) 

Answer 2

如果我理解正確

<button class="btn btn-success" onclick='myFunction'>Login</button> 
<script> 
    function myFunction(e){ 
     var myUsername = document.getElemetById("username").value; 
     var myPassword = document.getElemetById("password").value; 
    } 
</script> 

myUsername和myPassword將包含您的領域