Comments on: YUI Unobstrusive Javascript Validation

By: Afnan Zari

Afnan Zari — Wed, 04 Jun 2008 11:07:16 +0000

Saqib ansari …. Would you mind providing code for that fix !!! or is it copyrighted ~~~ (smile)

By: Saqib Ansari

Saqib Ansari — Wed, 04 Jun 2008 10:52:01 +0000

I’ve modified this script. There was no option to validate only when the value exist in specified field otherwise ignore that field.

Well nice script. Thanks

By: prefabrik

prefabrik — Fri, 25 Apr 2008 20:08:30 +0000

hey thanks for sharing good job keep it up

By: bcm

bcm — Wed, 23 Apr 2008 05:44:45 +0000

Good job! It’s very cool……

By: astroloji

astroloji — Sat, 12 Apr 2008 19:52:09 +0000

Cool library. The only thing is that I find it a bit complex to use. But otherwise very nice work.
I have myself also developed a validation library. The idear is that you do not have to use javascript to validate your form.

By: Gunther Dippe

Gunther Dippe — Sun, 09 Mar 2008 14:03:16 +0000

Very nice indeed :-)
Minor whish: It would also be nice to check the email address for leading and trailing spaces.
Thanks mate for an excellent job!

By: Marc

Marc — Thu, 06 Mar 2008 09:38:52 +0000

check it out at http://www.wowww.nl/wordpress/?p=102

By: jc

jc — Tue, 04 Mar 2008 00:07:08 +0000

I can’t believe that no-one has picked up on that bug yet. It seems the script is missing that function (and another one too). This has been fixed in version 2, you can download from the updated link in the article above.

By: Joshua

Joshua — Sat, 01 Mar 2008 17:22:15 +0000

there is bug when you hit enter in the form but its only happen in Firefox. i try on IE 6 and Safari this script is working fine. The bug is that the form is still submitted and not checked by validation class. When i try to debug with firebug, it says that SearchUp is not defined .. do you know how to solve this ?

thx before

By: Joshua

Joshua — Mon, 18 Feb 2008 10:02:29 +0000

great! thanks.. its the function i’m looking for.. i still prefer the javascript validation than ajax style

By: Tyler

Tyler — Thu, 14 Feb 2008 20:29:15 +0000

also, i wanted to only check the content of an input when it did not have a value. I added a “optional” check, so you can have a input with a class=”validate-alpha optional”. If the input has no value then let it pass:
added this to the end of the big if/else structure:
if(c.indexOf(’ optional ‘)!=-1 && t == ”){valid = true}

By: Tyler

Tyler — Thu, 14 Feb 2008 18:52:22 +0000

I might not be the first to point this out. your script is calling a searchUp() function. It looks like this is supposed to by yui’s YAHOO.util.Dom.getAncestorByTagName(). I was getting problems submitting with hitting enter in the input fields. I just swapped it out for getAncestorByTagName() and it works fine.

By: Richard

Richard — Mon, 11 Feb 2008 10:31:58 +0000

Ooh, mind you, you need:

var r = RegExp(e.getAttribute(’regex’));
if (r && ! t.replace(/ /,”).match(r)) {
valid = false;
}

to get rid of those pesky start and trailing slashes… Otherwise, great workaround.

By: Richard

Richard — Mon, 11 Feb 2008 10:10:42 +0000

I love it when I find something like this. Nice and easy to implement. does what it says on the tin.

One thing: an alphanumeric search. What about “This search”. I know a space is not a alpha or a number but it’s still the sort of text you might want to let through in a search but validate-alphanum will fail it. I’ll stick Tim’s regex and use something like ^[a-zA-Z0-9]+$ for now.

By: jc

jc — Mon, 21 Jan 2008 03:48:15 +0000

Sorry peeps, it’s taken a while to get your comments approved. You can blame spam bots.

Beanie Girl: Using the YUI for this is primarily due to the event stopping features that it requires for the form. It can also be applied using Protoype (and I’ve converted it to, but haven’t shared yet).

Mus: Conditional validation? Yes, it checks to see if the inputs contain the correct content. On the conidition it doesn’t, you get an error :)

Tim: That sounds like a cool idea. If I release a version 2, that’s definately in there (with your name attached, of course)

By: Tim Middleton

Tim Middleton — Fri, 18 Jan 2008 16:58:49 +0000

Me again. I also added the following a validator to allow me to define arbitrary regular expressions in the HTML code to match against using class “validate-regex”.

Example:

I inserted the following code on the line following “//search for validate-”:

if (c.indexOf(’ validate-regex ‘) != -1) {
var r = RegExp(e.getAttribute(’regex’));
if (r && ! t.match(r)) {
valid = false;
}
} else

By: Mus

Mus — Tue, 15 Jan 2008 19:33:52 +0000

Hi this sounds like a good script I could really use right now. Does it do conditional validation checks too??

By: Beanie Sigel

Beanie Sigel — Mon, 14 Jan 2008 18:28:16 +0000

YUI library is very powerful for web development. I use it for AJAX based scripts, but you showed me other thing i must use.
Thanks a lot. :)

By: Vijay Moses

Vijay Moses — Fri, 19 Oct 2007 14:28:14 +0000

Great script !!! Thanks. Date validation doesnt seem to work for me - a 20/20/2007 is not caught. Am I missing anything here :-(

By: Chris Hiester

Chris Hiester — Mon, 15 Oct 2007 02:14:15 +0000

Nice job. I’m using this on a project and it works great. Thanks.