Today is . Page created 07/25/06

Verify Password Verifier Thumbs Up

Password:
Re-enter:

  1. Type in two (2) different passwords and click "Submit"
  2. Type in two (2) same passwords and click "Submit"

K eep your visitors from submitting their form until their "password" and "re-enter password" fields match, for verification purposes. They get an error message telling them to re-enter the passwords if they do not match.

We have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

For Your Information For your Information:     Before we begin, we feel obligated to advise you that the above form is for all intensive purposes a "Stand Alone" script. In other words, it really does not do much of anything other than what you see. In order to make it function as designed, you need to incorporate it into a valid working form. If you do not have a good Solid Knowledge of HTML coding, javascripts, forms and reconfigurations, please "Do Not Attempt" this until you are Proficient in the aforementioned areas.

D epending on your knowledge of HTML and javascripts, this is an easy two (2) part copy and paste code that goes in both the <HEAD> and is also incorporated into the <BODY> section of a working form with minimal reconfigurations.

T he only two reconfigurations that can be made to this are located in the <BODY> section that you will be incorporating into a valid form.

  • Change size for form(s)  
  • Change password login from being "Visible" to being "Masked"
  • Visible:    
  • Masked:  

Default

<form onSubmit="return checkPw(this)">
<center>
<table border=0>
<tr>
<td>Password:</td><td><input type=text name=pw1 size=10></td>
</tr>
<tr>
<td>Re-enter:</td><td><input type=text name=pw2 size=10></td>
</tr>
<tr>
<td colspan=2 align=center><input type=submit value="Submit!"></td>
</tr>
</table>
</form>

Reconfigured

<form onSubmit="return checkPw(this)">
<center>
<table border=0>
<tr>
<td>Password:</td><td><input type=password name=pw1 size=20></td>
</tr>
<tr>
<td>Re-enter:</td><td><input type=password name=pw2 size=20></td>
</tr>
<tr>
<td colspan=2 align=center><input type=submit value="Submit!"></td>
</tr>
</table>
</form>

Define Above Areas Of Reconfiguration

  • size=15     This is how long the form itself will be. The larger the number the longer the form.
  • input type=text/password     By changing it from the default of text (where you will see what you are typing) to password (where it will mask your typing) it will give you dots or astericks depending on what browser you are viewing this effect.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]   [ Rate This Page ]