那么有人可以告诉为什么这些选项都不会实际提交表单吗?我试图做一些更复杂,但我已经熬下来到这,试图弄清楚为什么我似乎无法得到这种形式使用点击事件提交并提交()使用jquery点击事件提交表单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#submitButton').click(function(e) {
e.preventDefault();
$("#testForm").submit();
});
$('#submitLink').click(function(e) {
e.preventDefault();
$("#testForm").submit();
});
});
</script>
</head>
<body>
<form action="javascript:alert('submitted');" method="post" id="testForm">
<label>Name</label>
<input type="text" name="name" value="" />
<input type="submit" name="submit" value="Submit" id="submitButton" />
<p><a href="#" id="submitLink">Submit Form</a></p>
</form>
</body>
</html>
谢谢!
的动作就是我使用测试,看看是否形式提交,这是不是。在我的实际代码中,我没有做AJAX类型的事务,我将表单提交给服务器并使用php进行处理。但在处理之前,我正在使用Facebook API来查看用户是否也想将他们的帖子提交到他们的facebook墙上。所以,实际上,我需要在提交之前给他们时间做出回应。以上两个例子的奇怪之处在于,没有人真正提交过对我来说毫无意义的表格。 – MatthewLee 2011-06-09 21:36:54
我可以想象,在提交表单之前在服务器端执行Facebook检查会更容易,如果所需操作未提交,则返回false。 – bpeterson76 2011-06-09 21:39:52
好的,现在我明白了,表单标签中的提交按钮正在打破它的两个选项。当我删除提交按钮时,链接按预期工作。感谢bpetersen! – MatthewLee 2011-06-09 21:40:58