16

Twitterブートストラップのモーダルのコードは次のとおりです。

<div class="modal-body">
<form class="form-horizontal" method="POST" name="loginForm" id="loginForm">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
  <div class="input-prepend">
    <span class="add-on"><i class="icon-envelope"></i></span>
    <input class="span2" id="inputIcon" type="text" name="email"/>
  </div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
  <div class="input-prepend">
    <span class="add-on"><i class="icon-lock"></i></span>
    <input class="span2" id="password" type="password" name="password"/>
  </div>
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
</form>
<button type="submit" class="btn" id="signin_button">Sign in</button>
</div>
</div>

[サインイン] ボタンを押すたびに、ページがリロードされます。ボタンをクリックしたときにページの更新を無効にするにはどうすればよいですか?

4

3 に答える 3

22

ページを送信しているボタンのデフォルトの動作を防ぐことができます。

「preventDefault」に関する Mozilla Developer Network へのリンクは次のとおりです: event.preventDefault

jQuery では、次のようにこれを行うことができます。

$("#signin_button").on("click", function(e) {
    e.preventDefault();

    // the rest of your code ...
});
于 2013-02-18T14:15:14.727 に答える
16

input type="submit" をに変更してみてください

<button class="btn" id="signin_button">Sign in</button>

また

<input type="button" class="btn" id="signin_button" value="Sign in"/>

あなたの目的がフォームを送信することではない場合。

役に立つかもしれません: <input type='button' /> と <input type='submit' /> の違い

于 2013-02-18T14:26:50.867 に答える