使用bootstrap提交表单

时间:2014-10-28 22:00:32

标签: javascript twitter-bootstrap

我对bootstrap API比较新,但我找不到任何关于我要做什么的文档。我可以通过SafariBooks访问大约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”或其他类似的东西,只是不知道如何到达那里。

我似乎无法找到任何明确的例子。我已经挖了大约两个小时而没有运气,我知道这是一个菜鸟问题。感谢。

2 个答案:

答案 0 :(得分:0)

这是获取jquery输入的方法之一。之后,您可以使用要传输的数据形成ajax post请求到特定链接。

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

答案 1 :(得分:0)

如果我理解正确

<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>

myUsernamemyPassword将包含字段值