Problems submitting a form via Javascript

blizeH

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

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

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

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

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

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

blizeH

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

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

re: Problems submitting a form via Javascript

re: Problems submitting a form via Javascript

re: Problems submitting a form via Javascript

re: Problems submitting a form via Javascript

re: Problems submitting a form via Javascript

re: Problems submitting a form via Javascript

re: Problems submitting a form via Javascript

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about