function (eventObject) {
this; // элемент
}
Событие submit запускается, при отправке данных формы
Метод запускает все функции которое были связаны с событием submit, чтобы быть выполненными, и вызывает событие submit как дейтсвие браузера по умолчанию для выбранного(ых) элемента(ов). Действие по умолчанию может быть предотвращено возвратом false одной из функций связанных с событием.
Пример:
$("form").submit(function() {
if ($("input:first").val() == "correct") {
$("span").text("Validated...").show();
return true;
}
$("span").text("Not valid!").show().fadeOut(1000);
return false;
});
<p>Type 'correct' to validate.</p>
<form action="javascript:alert('success!');">
<div>
<input type="text" />
<input type="submit" />
</div>
</form>
<span></span>
p { margin:0; color:blue; }
div,p { margin-left:10px; }
span { color:red; }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("form").submit(function() { if ($("input:first").val() == "correct") { $("span").text("Validated...").show(); return true; } $("span").text("Not valid!").show().fadeOut(1000); return false; }); }); </script> </head> <body class="iframe"> <p>Type 'correct' to validate.</p> <form action="javascript:alert('success!');"> <div> <input type="text" /> <input type="submit" /> </div> </form> <span></span> </body> </html> <style> p { margin:0; color:blue; } div,p { margin-left:10px; } span { color:red; } </style>
Пример: