Javascript jQuery没有';不要提交表格
我有以下HTML代码:Javascript jQuery没有';不要提交表格,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我有以下HTML代码: <?xml version="1.0" encoding="utf-8" ?> <!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"> <hea
<?xml version="1.0" encoding="utf-8" ?>
<!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>
<title>IT-Services Umfrage - Fragen</title>
<link rel="stylesheet" type="text/css" href="/IT/umfrage/../../style.css" />
<link rel="stylesheet" type="text/css" href="/IT/umfrage/css/umfrage.css" />
<script type="text/javascript" src="/IT/umfrage/../../inc/jquery-1.4.2.js"></script>
<script type="text/javascript" src="/IT/umfrage/js/umfrage.js"></script>
</head>
<body id="page-show">
<div class="ueberschriftsbalken"><span>IT-Services Umfrage - Fragen</span></div>
<br />
<div id="content">
<form action="/IT/umfrage/Umfrage/save" method="post" id="umfrageForm">
<div class="frage radio">
<p>1. Wie professionell empfinden Sie das Auftreten der IT-Service Anlaufstelle?</p>
<label for="frage1_1"><input type="radio" name="frage1" id="frage1_1" value="1" /> Lausig</label><br />
<label for="frage1_2"><input type="radio" name="frage1" id="frage1_2" value="2" /> Schwach</label><br />
<label for="frage1_3"><input type="radio" name="frage1" id="frage1_3" value="3" /> Durchschnittlich</label><br />
<label for="frage1_4"><input type="radio" name="frage1" id="frage1_4" value="4" /> Gut</label><br />
<label for="frage1_5"><input type="radio" name="frage1" id="frage1_5" value="5" /> Hervorragend</label>
</div>
<input type="submit" value="Antworten absenden" name="submit" id="submitbutton" />
</form>
</div>
</body>
</html>
IT服务Umfrage-Fragen
IT服务Umfrage-Fragen
一,。您的IT服务和服务专家是谁
Lausig
施瓦赫
Durchschnitlich
内脏
赫沃拉根
单击submitbutton或按enter键时,表单将被提交。但是当我尝试$('#umfrageForm').submit()
,$('form').submit()
或任何类似的方法时,什么都没有发生。在Firebug中,函数只返回表单元素的DOM路径
有什么问题会阻止表单提交?我想您应该在DOM实际加载之前触发提交事件,因为如果我尝试,以下代码会起作用:
$(document).ready(function(){
// Submit handler, to prove everything works fine
$('#umfrageForm').submit(function(){
alert('hi');
return false;
});
// Fire the submit event
$('#umfrageForm').submit(); // alerts 'hi'
});
请参阅:您有一个名为
submit
的字段,这将关闭jQuery在其自己的submit
方法中依赖的表单的submit
方法(引用该字段的DOM节点)
重命名它。是当您有名为“submit”的输入元素时,您会发现$('#formID').submit()的行为不符合预期。只需将输入字段名(可能是submit按钮)替换为更相关的名称即可
我知道这是一篇老文章,只是对我有同样的问题,我认为我应该发布我的发现。我曾经有过类似的问题。如果如图所示包含Java脚本文件,则代码应该可以工作。但是,我怀疑您的代码是更大的html文档的一部分。当您将html文档的主体部分下载到另一个html文档中而不在子文档中包含Java脚本函数(因为它们包含在父文档中)时,就会出现问题。那就不行了。您还必须在子文档中包含Java脚本文件 您的
submit
处理程序是否返回false或其他内容?这将阻止默认行为,以及$(“form”)[0]的作用
do?何时何地触发.submit()事件?@Luke:通过一个按钮点击事件或从firebug JS控制台触发。这不仅仅是因为lily没有使用$(document).ready()函数+1不,我从Firebug JS控制台触发了事件,所以DOM已经准备好了。id='submit'也一样