Javascript Form

[ChrisBull]

I have a javascript form and I only want the user to be able to submit it if they have javascript installed.
At the moment i have a form with two input fields and then an ‘a tag’ that javascript adds to the page and has a href value of javascript: submitForm(). This all works fine. I would like to know if with this system is there anyway that someone without javascript enabled could submit the form?

Many Thanks
Chris

[Tim_at_PlattFormAd]

Hey Chris – I’ve actually run into a similar scenario. I handled it by setting the form action using JavaScript or jQuery. This way if someone without JavaScript enabled tries to submit the form, the page just posts to itself and doesn’t go anywhere.

Here’s a jQuery solution:

$('#contactform').attr('action', 'post.php');

Or just the plain JavaScript one:

document.getElementById('contactform').action = 'post.php';

[ChrisBull]

Hi, At the moment I have

$("#formSubmit").click(function() {

but the page still gets reloaded when the button is clicked, will your way stop it reloading?

[Tim_at_PlattFormAd]

You could set the button as disabled and then use jQuery to enable it.

$('#submit').attr('disabled', false);

You HTML for the button would then look something like:

[ChrisBull]

Lol, sorry I didn’t realise I hadn’t explained it, I can’t have the page refresh, even for javascript users. I will check the details through ajax and a server php file, so at the moments the page will still refresh when the user click submit.

[Masayoshi]

Chriss i think you want to prevent the default behaviour of that submit button.
If so you can use return false; at the end of your .click function.
So you will have something like:

$("#formSubmit").click(function() {

// ajax stuff here

return false;

}

[Author]

Posts