我对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”或其他类似的东西,只是不知道如何到达那里。
我似乎无法找到任何明确的例子。我已经挖了大约两个小时而没有运气,我知道这是一个菜鸟问题。感谢。
答案 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>
myUsername
和myPassword
将包含字段值