Solved

Form submit button inactive

Posted on 2006-07-15
2
2,979 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Avoid defining the variables in the global scope; trying to define them in a local function scope. Because:   • Look-up is performed every time a variable is accessed.   • Variables are resolved backwards from most specific to least specific scope…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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…

861 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