Thank you very much Kelly!
You solved my problem.
On Thu, Nov 26, 2009 at 12:59 AM, Kelly <k...@njit.edu> wrote:
> Hi David,
> 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.
>
