У меня есть следующий 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">
<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>
При нажатии на submitbutton или при продвижении клавиши Enter, отправлена форма. Но когда я пробую $('#umfrageForm').submit()
, $('form').submit()
или что-либо подобное, ничего не происходит. В Firebug функция только возвращает путь DOM к элементу формы.
Какова могла быть проблема, которая препятствует тому, чтобы форма была отправлена?
У вас есть поле с именем submit
, это уничтожает метод submit
формы (со ссылкой на узел DOM для поля), от которого jQuery зависит сам по себе отправить метод
.
Переименуйте его.
Я думаю, что вы запускаете событие submit до того, как 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'
});
См: jsFiddle