用submit来提交表单,然后在js中监听submit方法,用ajax提交表单最后阻止submit的自动提交。
在标准浏览器中,阻止浏览器默认行为使用event.preventDefault(),而在IE6~8中,使用returnValue属性来实现。
<html>
<head>
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
</head>
<body>
<form action="" id='submitform'>
username: <br>
<input type="text" name="username" value="" required="required"> <br>
password: <br>
<input type="text" name="password" value="" required="required"> <br><br>
<input type="submit" value="Submit">
</form>
<script type="text/javascript" language="javascript">
$("#submitform").on("submit", function(event) {
$.ajax({
......
});
//阻止submit表单提交
event.preventDefault();
//或者return false
//return false;
});
</script>
</body>
</html>
|