Question

我对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”或其他类似的东西，只是不知道如何到达那里。

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

Answer 1

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

$('.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将包含字段值

使用bootstrap提交表单

2 个答案: