阻止提交按钮的默认 action

最新推荐文章于 2023-03-27 11:15:37 发布

weixin_30826095

最新推荐文章于 2023-03-27 11:15:37 发布

阅读量172

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yanzi-meng/p/8392199.html

版权

使用 preventDefault() 函数来阻止对表单的提交。

示例代码如下：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function(e){
e.preventDefault();
alert("Submit prevented");
});
});
</script>
</head>
<body>
<form name="input" action="" method="get">
First name:
<input type="text" name="FirstName" value="Mickey" size="20">
<br />Last name:
<input type="text" name="LastName" value="Mouse" size="20">
<br />
<input type="submit" value="Submit">
</form>
</body>
</html>