Home/ Questions/Q 7790349
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T21:33:25+00:00

I am working on ajax. Browser is google chrome. Instead of alerting ok when

  • 0

I am working on ajax.
Browser is google chrome.
Instead of alerting ok when i click on submit, my browser submits the form.
What’s wrong here?

    <html>
    <head>
    <script type="text/javascript" src="/cp/scripts/jquery-1.7.2.js"></script>
    <script language="javascript">
    $("#test").submit(function(){
    //$.post("test.php", this.serialize());
    alert('ok');
    return false;
    });
    </script>
    </head>
    <body>
    <form id="test">
    <input type="text" name="name">
    <input type="submit">
    </form>
    </body>
    </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The form is not defined yet when the script is executed. Wrap it in a $().ready event:

    $(document).ready(function() {
    $("#test").submit(function() {
    //$.post("test.php", this.serialize());
    alert('ok');
    return false;
    });
});

    I can see the following question coming: “What not defined?”.
    Yes:

    ...
# Hey, a script tag, let's wait, and load the resource.
<script type="text/javascript" src="/cp/scripts/jquery-1.7.2.js"></script>

# Hey a script tag!
<script language="javascript">
$("#test").submit(function(){
//$.post("test.php", this.serialize());
alert('ok');
return false;
});
</script>
# The script block has ended, let's parse the script
# ... *calls* $('#test'). ....

# Now, #test is defined. Too late...
<form id="test">
# ...
    • 0