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

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -