Link to home
Start Free TrialLog in
Avatar of jfs9900
jfs9900

asked on

Javascript form field validation

I have two form feilds (text box) that I want to vailidate are the same before the form is submitted. The form code looks like this:

   <form>
                       
                        <p><font size="2"><b>New password: <br>
                                    <input type="password" name="Word" size="20" class="formblue">
                                    </b></font></p>
                                    <p><font size="2"><b>Confirm new password: <br>
                                    <input type="password" name="Word1" size="20" class="formblue">
                                    </b></font>
                                    <input type="submit" value="Submit" class="submit" style="float: right"></p>
                         
                        </form>
Avatar of nabsol
nabsol
Flag of Pakistan image


<script language="JavaScript">
function validate()
{
  if(document.forms[0].Word.value == document.forms[0].Word1.value)
       return true;
   else
     alert("Fields dont match")
}
</script>

               <form onsubmit="return validate()" >
                       
                        <p><font size="2"><b>New password: <br>
                              <input type="password" name="Word" size="20" class="formblue">
                              </b></font></p>
                              <p><font size="2"><b>Confirm new password: <br>
                              <input type="password" name="Word1" size="20" class="formblue">
                              </b></font>
                              <input type="submit" value="Submit" class="submit" style="float: right"></p>
                         
                        </form>

By Nab
Avatar of smaccari
smaccari

<form onsubmit="if (this.elements['Word'].value!=this.elements['Word1'].value) {alert('Please verify your password');return false;">
 <p><font size="2"><b>New password: <br>
       <input type="password" name="Word" size="20" class="formblue">
       </b></font></p>
       <p><font size="2"><b>Confirm new password: <br>
       <input type="password" name="Word1" size="20" class="formblue">
        </b></font>
        <input type="submit" value="Submit" class="submit" style="float: right"></p>                  
 </form>
ASKER CERTIFIED SOLUTION
Avatar of nabsol
nabsol
Flag of Pakistan image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of nabsol
nabsol
Flag of Pakistan image
Hi
I am making a correction in smaccari's code as well. :-)

<form onsubmit="if (this.elements['Word'].value!=this.elements['Word1'].value) {alert('Please verify your password');return false;}">
 <p><font size="2"><b>New password: <br>
       <input type="password" name="Word" size="20" class="formblue">
       </b></font></p>
       <p><font size="2"><b>Confirm new password: <br>
       <input type="password" name="Word1" size="20" class="formblue">
        </b></font>
        <input type="submit" value="Submit" class="submit" style="float: right"></p>                  
 </form>


By Nab