JavaScript Tutorial/jQuery/Form Submit
Содержание
30. Cancel submit event by returning false
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function() {
alert("submit");
return false;
});
});
</script>
</head>
<body>
<body>
<form action="javascript:alert("success!");">
<input type="text" />
<input type="submit" />
</form>
</body>
</html></source>
30. Submit event
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function() {
alert("submit");
return false;
});
});
</script>
</head>
<body>
<body>
<form action="javascript:alert("success!");">
<input type="text" />
<input type="submit" />
</form>
</body>
</html></source>
30. To trigger the submit event on the first form on the page
<source lang="javascript">
$("form:first").submit();</source>
30. Turn off submit action
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function () { return false; });
});
</script>
</head>
<body>
<form>
<input type="text" />
</form>
</body>
</html></source>
30. Validate form and output message
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function() {
if ($("input:first").val() == "asdf") {
$("span").text("Validated...").show();
return true;
}
$("span").text("Not valid!").show().fadeOut(1000);
return false;
});
});
</script>
</head>
<body>
<body>
<form action="javascript:alert("success!");">
<input type="text" />
<input type="submit" />
</form>
</body>
</html></source>
