DaniWeb Forum Index > Web Development > PHP

To disable Submit button

Please support our PHP advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Aug 2007

Posts: 24

Reputation: rime is an unknown quantity at this point

Solved Threads: 0

rime

Offline

Newbie Poster

To disable Submit button

Sep 5th, 2007

How can I disable the submit button with JAVA Script untill all the mandatory fieleds are filled? if any body can help.. its urgent please

•

Join Date: May 2007

Posts: 30

Reputation: azzu5 is an unknown quantity at this point

Solved Threads: 2

azzu5

Offline

Light Poster

Re: To disable Submit button

Sep 5th, 2007

•

Originally Posted by rime

How can I disable the submit button with JAVA Script untill all the mandatory fieleds are filled? if any body can help.. its urgent please

Keep "Submit Button" Disbaled by default.

Then on each mandatory field put

Help with Code Tags

PHP Syntax (Toggle Plain Text)

onBlur="function();"

in this function write the code to check all the mandatory fileds are filled, if yes then enable your submit button or no keep disabled.

Call the same "function();" on each filed blur.

I hope this is clear.

Cheers...

Looking at my own code of Life and thinking what the hell is this....
------------------------------------
Middle East B2B Marketplace
Dubai Web Design
Dubai SEO

•

Join Date: Apr 2004

Posts: 59

Reputation: world_weapon is an unknown quantity at this point

Solved Threads: 2

world_weapon world_weapon is offline

Offline

Junior Poster in Training

Re: To disable Submit button

Sep 15th, 2007

You could try to write a function that will check each field for correctness and then use the form id to submit it with javascript. Instead of having a submit input use a button instead that onclick calls the function.

 Help with Code Tags 
 PHP Syntax (Toggle Plain Text) 
<script type="text/javascript">
function checkThenSubmitForm()
{
<!-- form checking instructions -->;
document.getElementById('theForm').submit();
return true;
}
</script>
<form id="theForm" action="whatever.php" method="post">
<!-- THE INPUT FIELDS -->
<input type="button" value="Submit" onclick="checkThenSubmitForm()">
<script type="text/javascript">
function checkThenSubmitForm()
{
<!-- form checking instructions -->;
document.getElementById('theForm').submit();
return true;
}
</script>
<form id="theForm" action="whatever.php" method="post">
<!-- THE INPUT FIELDS -->
<input type="button" value="Submit" onclick="checkThenSubmitForm()">

I think thats right, but the idea is there.