Check this form validation script

**beetle** · Jul 22, 2002, 10:19

Hey everyone

I've had this script in various stages of completion for the last year or so. I've finally put it all together and added documentation and a working demo. Feel free to use it, (just humbly give me credit

)

Feedback is welcome! Enjoy!

Edit: Fixed! All working now!

http://www.peterbailey.net/jsdemo/

**beetle** · Jul 22, 2002, 14:10

Sorry about the bugs everyone...all good to go now.

**Flawless_koder** · Jul 23, 2002, 01:13

Good to see someone sharing.

Flawless

**beetle** · Jul 23, 2002, 10:15

Updated! Now provides error coloring, validation for decimals (floats for you progamming geeks

) and better money (US) validation

http://www.peterbailey.net/jsdemo/

**beetle** · Jul 24, 2002, 13:09

Ok, I've been toiling....

The validator now includes:

Credit Card validation against card rules and Mod 10 Algorithm
New validation type for SELECT objects
Format validation without requiring field entirely
onSubmit() controls for confirming submission and disabling submit
Flexible messaging
Better error messages
Better documentation

Enjoy!

Note: If by chance you have aleady used a previous version (1.01, 1.11, 1.42) and you want to start using this version, please re-read the documentation, because some of the rules have changed and your page(s) will need updating.

**Andrew-J2000** · Jul 24, 2002, 13:18

just wondering what happens when people turn 100 years old

.

**Andrew-J2000** · Jul 24, 2002, 13:22

btw I must say nice work on the js, on that site.

**mak-uk** · Jul 30, 2002, 15:55

Hi

I was wondering if there is anyway to ensure that some data is entered into a TEXTAREA (ie. not left blank) using your script?

Thanks.

Mak.

**Andrew-J2000** · Jul 30, 2002, 16:01

just do this

if (document.all['obj'].value=='')
{
alert('enter some data');
return false;
}

and replace obj with the name or od of the object that needs to be filled

**beetle** · Jul 30, 2002, 18:36

Yes! Read the documentation included in the .js file! It's all there! But yes, the 'blank' check is valid for TEXTAREA objects

**mak-uk** · Jul 31, 2002, 06:31

Hi

Thanks for that.

I am also looking to have something that:

1. Allows me to check that an "Accept Terms & Conditions" clause in a form is ticked. With it, users must explicitly signal their acceptance of the terms/conditions (by checking a box), before he/she can submit the form.

2. Allows me to make sure an important field within the form is filled out correctly, by requiring that the user fills it out twice.

Can anyone help?

Thanks.

Mak.

**beetle** · Jul 31, 2002, 06:48

PLEASE!! If you are going to use my validation script, read the documentation! It took me quite some time to put it together, and I didn't do that so everyone could ask questions that are covered by it.
</rant>

Ok, to answer your question, you can validate a checkbox with my validator. See the radio button example on my demo page. http://www.peterbailey.net/jsdemo

Thank you for giving a new idea for validation. I will get to work on an 'equalto' validation type, which is common is password data entry. I'll post here when it has been added.

**mak-uk** · Jul 31, 2002, 08:10

ok, gosh, calm down. this one thing I hate about some people and especially academics. 'Everything is covered in the docs' people.. students get afraid to ask them after some time 'cos they get ****ty responses like this. Fair enough if it's in your documentation, but it's not exactly a small document and I may have missed it.

**beetle** · Jul 31, 2002, 08:34

Are you saying you hate me?

Is there a student/teacher relationship here?

You should never try to interpret feelings from written text. It just can't be done, so don't bother trying.

Emoticons help, so pay attention to those, like the

at the end of my rant SHOULD have let you know that I was indeed calm and ok with your question.

Seriously, I was a bit surprised by your question, becuase you can very plainly see just from looking at the demo page that my script would accomodate your need. I would just appreciate it if you were somewhat familiar with it's capabilities before asking questions without regard

Cheers

P.S. For the record, you may contact me with any questions, and I promise I won't get mad

**Flawless_koder** · Jul 31, 2002, 08:44

The number of times I've posted a "you can't assume feelings" response is unbelievable.

Flawless

**mak-uk** · Aug 3, 2002, 09:02

Hi

Ok.. another few questions:

1. Today (3 August 2002), I downloaded your latest revision of the validate.js file. I implemented the 'equalto' on a couple of fields and it seemed to work. Then, however, when I try to submit a form that has some errors remaining, I get a message popping up saying 'fnselect' a few times, then the actual message that should be displayed: i.e. "you have not entered your name".

2. I have noticed in your example that at the end of some lines (in the code) you have "... / >"
What exactly is the ending forward-slash and space for?

3. In the documentation section, under the 'email' heading it says:

email

Errors if: Field does not match email format
Syntax: <input type="text" name="Salary" alt="money" />

Should that be ' alt="email" ' instead; or an example of email usage?

----

Thanks.

Mak.

-----

UPDATE:

1. I think the 'fnselect' was a rogue 'alert' somewhere in your code.

Still not sure about 2 and 3.

I also noticed that when validitation messages are displayed, for example:

"Please enter the ..."

In the '...' part the name of the field is displayed. However, what if you want to display a more meaningful message. Eg. the field is "More about yourself", for example, but the name of the field is: name="about".

So, instead of displaying "Please enter the about", it would say something like "Please enter more about yourself".

Any ideas?

Thanks.

Mak.

**beetle** · Aug 4, 2002, 22:43

Heya

#1 - Ya, looks like you got a rogue alert. Just find it and delete it. I work on it sometimes while it's live (maybe not the best idea

)

#2 - the addition ' />' at the end of standalone tags (e.g. don't require separate closing tags) is actually the new standard for XHTML, and is perfectly valid for regular HTML. I'm just trying to get used to typing it (and <br /> and <hr /> and <meta /> etc)

#3 - Ok, I believe that there are some typos in the documentation (like you said earlier, it's long) But, good news, I'm setting up and HTML API for it (sneak peek here) so hopefully these documentation nigglies will be taken care of

Well, about the error messages. You can change up the script how you want. Perhaps store the error message for the object in the 'label' attribute or something like that. lemme know!

**mak-uk** · Aug 9, 2002, 03:03

----
Well, about the error messages. You can change up the script how you want. Perhaps store the error message for the object in the 'label' attribute or something like that. lemme know!
----

Hi

I have been playing around with it a bit but still not sure how to do it

Thanks.

Mak.

**beetle** · Aug 9, 2002, 04:59

Well, I'm pretty busy at the moment, but here's a quick idea...

Code:

alert(formObj.label);

<input type="text" alt="blank" label="Please enter more about yourself." />

**richard_h** · Aug 10, 2002, 00:13

Nice validation script, I've been working on something similar although not as extensive as yours.

It almost makes JavaScript form validation a pleasure with a reusable class!

The SitePoint Forums have moved.

User Tag List

Thread: Check this form validation script

Thread Tools

Display

Check this form validation script

Another update

Wondering if...

Bookmarks

Bookmarks

Posting Permissions