jquery - How to avoid refreshing the page in a bootstrap modal? -
jquery - How to avoid refreshing the page in a bootstrap modal? -
here code modal in twitter bootstrap:
<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>
whenever press sign in button reloads page. how can perchance disable refreshing page upon clicking button?
you prevent default behavior of button submitting page.
here link mozilla developer network on "preventdefault": event.preventdefault
in jquery can this:
$("#signin_button").on("click", function(e) { e.preventdefault(); // rest of code ... });
jquery ajax codeigniter twitter-bootstrap
Comments
Post a Comment