I was able to recreate the same problem and fixed it. Try this:
<html>
<head>
<title>jQuery Form Plugin</title>
<style type="text/css">
form { background: #DFEFFC; border: 5px solid #c5dbec; margin: 10px 0;
padding: 20px }
</style>
<script type="text/javascript" src="../jquery-latest.js"></script>
<script type="text/javascript" src="../jquery.form.js"></script>
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>
<body>
<form method="post" action="dummy.php" id="myForm">
Name:<input type="text" value="MyName1" name="Name"/>
<input type="submit" value="Submit1" name="submitButton"/>
</form>
</body>
</html>
- replace action="http://jquery.malsup.com/form/dummy.php" with:
action="dummy.php" [just create a text file with dummy text in it,
name it 'dummy.php' and put in same directory as your test HTML file]
- remove the extra pair of script tags <script type="text/
javascript"> </script> - you nested your script inside two pairs of
tags - just remove one pair.
Other than that, just make sure the path to your .js files is correct,
as Brian suggested.
No comments:
Post a Comment