Problems submitting a form via Javascript

blizeH · #1 September 1st, 2008, 02:26 PM

Hi guys,

I've got a very basic form, like so:

Expand|Select|Wrap|Line Numbers

     <form method="post" name="shra" action="http://url.com">
 
        <input type="submit" name="Submit" value="Submit">
 
    </form>

Then a basic check for the POST in PHP, again it works fine:

Expand|Select|Wrap|Line Numbers

 <?php 

    if(isset($_POST['Submit'])) {

        echo "POST!"; die;

    }

?>

Again, no problem. Hit the submit button and the magic happens.

Now, I'm trying to achieve a similar thing though JavaScript since I didn't want to use an actual button for another implementation:

Expand|Select|Wrap|Line Numbers

<span onclick="document.shra.submit();">Submit</span>

And it doesn't submit, but it does seem to refresh the page.

Any suggestions please chaps?

Many thanks

acoder · #2 September 1st, 2008, 03:54 PM

Why can't you use a button?

From what you've posted, it should work. Can you post the rest of the relevant code.

blizeH · #3 September 2nd, 2008, 07:16 AM

A button seems to have weird styling issues, basically the page is quite long, so I wanted to have an inline submit button at the very top of the page, and a span with javascript (and styled appropriately with a cursor etc) seemed to be the best way around this.

Just wondering, what additional code would you need? I think it does something at the moment, but it doesn't trigger the if statement in the PHP to say POST has been declared :(

blizeH · #4 September 2nd, 2008, 08:08 AM

Just stripped it down to the bare bones:

Expand|Select|Wrap|Line Numbers

 <?php 

    if(isset($_POST['Submit'])) {

        echo "POST!";

        die;

    }

?>
 
    <form method="post" name="shra" action="http://url.com">
 
        <input type="submit" name="Submit" value="Submit">
 
        <span onclick="document.shra.submit();">Submit</span>
 
    </form>

Clicking on the input button submits fine, but clicking on the span doesn't :(

acoder · #5 September 2nd, 2008, 12:01 PM

Of course it's not going to work. It's a problem with your PHP code. It's testing for a posted submit button which is not set when using a JavaScript submit. So the submit is working, but you'll need to modify your server-side code.

blizeH · #6 September 2nd, 2008, 12:56 PM

What a moron, thank you for the tip and sorry for wasting your time :(

blizeH · #7 September 2nd, 2008, 12:57 PM

Apologies for another question, but is there a way to check for a POST in general?

I've just created a hidden field for now to check for, but there could be a better way?

acoder · #8 September 2nd, 2008, 04:02 PM

Well, you're going to post something, so you don't even need a hidden field for that purpose. Just check if one of the fields is defined in the $_POST array. By the way, this is more of a PHP question, so if you have problems with it, ask in the PHP forum.

Problems submitting a form via Javascript

Popular Articles

What is Bytes?