RegExp Form Validation ~ Tested in IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

Use this script for form validation using regular expressions. None of the information submitted in the form is saved. Very extensive.

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: 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 a four (4) part highly extensive copy and paste code that goes in both the <HEAD> (two 2 parts - CSS and external.js file) and <BODY> sections of your document. It also makes use of an external .js file you need to save and upload into your directory then add a snipplet of code into the <HEAD> section to call the external.js file.

Step One according to the script site is to:

If you do not have a CSS section in your document, this is not a problem. The code to be pasted is incomplete on its face. In other words, it does not have an opening nor a closing CSS Style tag. See below where and howto finish the code and insert it into the <HEAD> section of your document.

Unfinished Code

.required {
color: red;
}

Finished Code

If you noticed, all we did was to add the opening and closing style tags around the code.
Notice the word "red". On the [ form itself ] you notice little * on certain sections of the form. This is to set the color of the little asterick. We reconfigured our example to the color # 00ffff. This denotes sections that "Must" be completed or the form will not let you send it.

Step Two Is to copy and paste a portion of code into a notepad, save as "validate.js and upload it into your directory.

Note Of Importance: If you are not sure of howto make the external .js file and make use of it within your document, grab the below link and it is fully explained.
[ .js File Howto ]

For your Information: If you are not comfortable or prefer not to use the external.js file, you can use the traditional cut/copy and paste instead of the external .js file. If you need a little refresher on what is required to achieve this, grab the below link and it is fully explained.
[ Traditional Cut/Copy and Paste ]

Depending on which of the above methods you have selected (external.js file or Traditional Copy/Cut & Paste), you will add either the snipplet of code (after you have uploaded the external.js file) into the <HEAD> section or the completed section of code that you added the opening and closing script tags.

Snipplet Of Code
<script type="text/javascript" src="validate.js">
</script> Traditional Copy/Cut and Paste
<SCRIPT LANGUAGE="JavaScript">

<HEAD> Section of code goes here

// End -->
</script>

External .js file

Traditional Copy/Cut & Paste Code with opening & closing tags that you had to add into the <HEAD> section of code that was originally earmarked to be an external .js file.

I f you would like to see an example of this effect using the "Traditional Copy & Paste" method, grab the below link and you are there. Examine our "Source" code (on the page you will be opening) to see how we had to reconfigure it to make it work. We have it very well documented for your convenience.
[ Traditional Cut/Copy & Paste Method ]

Step Three If you have opted to use the external.js file, now you need to paste a snipplet of code into the <HEAD> section to call the validate.js file you have made and uploaded into your directory. According to the script site's instructions:

If you need to change the path of the above file and need a little refresher, [ Click Here ] to refresh your memory on howto.

Step Three a If you have selected not to use the external.js file and are using the Traditional Copy and Paste method, disregard the above step and paste the finished ( with the opening and closing javascript tags) section of code into the <HEAD> section of the document.

Step Four Is to incorporate the <BODY> section of code into a fully functional form.

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 ]