Solved

Form submit button inactive

Posted on 2006-07-15
2
2,978 Views
Last Modified: 2008-01-09
I have two forms. I would like to make the second forms submit button inactive if anything is typed into the first forms 'f_name' field.

How do I do that with Javascript?

<form name="form1" method="post" action="page.html">
  <input type="text" name="f_name">
  <input type="hidden" name="step" value="2">
  <input type="submit" value="Next">
</form>

<form name="form2" method="post" action="page.html">
  <input type="hidden" name="step" value="3">
  <input type="submit" value="Skip this step">
</form>
0
Comment
Question by:silver00x00
2 Comments
 
LVL 16

Accepted Solution

by:
Joe earned 125 total points
ID: 17117990
<script language="JavaScript">
         function checkForButtonDisable(fname){
              if(fname.value.length > 0){
                 document.getElementById("skipButton").disabled = true;
              }else{
                   document.getElementById("skipButton").disabled = false;
             }
         }
</script>

<form name="form1" method="post" action="page.html">
  <input type="text" name="f_name" onchange="checkForButtonDisable(this);">
  <input type="hidden" name="step" value="2">
  <input type="submit" value="Next">
</form>

<form name="form2" method="post" action="page.html">
  <input type="hidden" name="step" value="3">
  <input type="submit" value="Skip this step" id="skipButton">
</form>
0
 

Author Comment

by:silver00x00
ID: 17135757
thanks!
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question