Javascript help with html button.

[sphinx]

Hello,

 

My current login button consists of:

 

<form method="post" action="">
<input type="password" name="pswd">
<input type="submit" onclick="this.disabled=true;return true;" name="login" value="Login">

 

Basicly, I want to achieve the following:

 

1: Submit in 5 seconds when clicked, not instantly.

2: Change the text on the button when clicked ie: Please wait..

3: Disable button once clicked, like I have already done.

 

Is this possible to fit into one?

 

Thanks

 

[Lautarox]

You need to make a function that will be called when the button is clicked, for the 5 seconds you need to be waited, you can check here http://www.sean.co.uk/a/webdesign/javascriptdelay.shtm, for the button name, you can change it using the .value property and for disabling the button you can check here http://www.codetoad.com/javascript/enable_disable_form_element.asp, I recommend you to read about javascript.

[brianlange]

Try something like this

 

$(document).ready(function() {

$('#myForm').submit(function() {

    $('#submit').attr('value', 'Please Wait');

    setTimeout(function (){ this.submit(); }, 5000);

 

});

});

[Lautarox]

brianlange, I think that what he wants it's to perfom the form submission after 5 seconds of clicking a button, make clear that you are using jquery to not confuse sphinix.

[sphinx]

jquery is a new thing to me you see