Enable form button 1

[apex82]

At the moment I have a simple form containing text fields.

I want to change my form so when all the text fields have been filled in - it enables the submit button.

Does anyone know how to achieve this or any examples out there? I can’t find any.

Thanks.

 

[trollacious]

Google is your friend:

http://www.google.com/search?hl=en&q=enable+submit+button+javascript&aq=2&oq=enable+submit&aqi=g4

Lee

 

[BabyJeffy]

Or the more fun kind of google search:

http://lmgtfy.com/?q=enable+submit+button+javascript

Cheers,
Jeff

[tt]Visit my blog [!]@[/!]

http://www.coderambler.com/

Visit Code Couch [!]@[/!]

http://www.codecouch.com/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[apex82]

Thanks guys.

The problem I’m having is all the examples I’ve seen enable the button with the use of a checkbox.

I’m struggling to enable the button with the use of a text boxes.

I want to be able to enable the button once all the text boxes have been completed.

Thanks.

 

[vicvirk]

This will check all "input" tags for a value within the form...

<script language="javascript">
	function checkform() {
		var allFilled = true; // let's assume everything is filled in
		var inputs = document.getElementById("myForm").getElementsByTagName("input");
		for (var i = 0 ; i < inputs.length ; i++) {
			if (inputs[i].value == "") {
				allFilled = false;
				break;
			}
		}
		
		if (allFilled) {
			document.getElementById("btnSubmit").disabled = "";
		} else {
			document.getElementById("btnSubmit").disabled = "disabled";
		}
	}
</script>

<form id="myForm">
	<input type="text" id="tbxOne" value="" onchange="checkform()" /><br />
	<input type="text" id="tbxTwo" value="" onchange="checkform()"  /><br />
	<input type="text" id="tbxThree" value="" onchange="checkform()"  /><br />
	<input type="submit" disabled="disabled" id="btnSubmit" value="Submit" />
</form>

--------
GOOGLE is a great resource to find answers to questions like "how do i..."

If you don't know exaclty what you want to do or what to search on, try Google Suggest:

http://www.google.com/webhp?complete=1&hl=en

--------
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javasc

 

[apex82]

Great, thanks vicvirk