jQuery Form Validation (http://validator.codeplex.com/) Not Working for specific need

Question

I am trying to use this script to validate a form: http://validator.codeplex.com/

I am trying to create an input field that has a default value: "First and Last Name"

<div class="RightForm"><input type="text" id="firstlastname" name="firstlastname"
value="First and Last Name" style="width: 175px; float:right;" validate="form" invalid=
"<b>First and Last Name missing</b><br/>Please enter your First and Last name." 
invalidVal="First and Last Name" /></div>

If the person clicks submit without changing that default value, I want the validation to show the script's default pop up warning with the message "First and Last Name are required..." - Also, I don't want the field to left empty. So the warning should show up for both cases.

However, right now the script is just showing "Undefined" as opposed to the error message.

Any thoughts on how I can fix? Thank you so much!!

No Results Found · Accepted Answer · 2012-04-26 22:33:34Z

2

One thing that immediately stands out is this bit of code:

invalid="<b>First and Last Name missing</b><br/>Please enter your First and Last name."

If you use HTML syntax characters in HTML attributes, they must be escaped as entities or you will have broken HTML that javascript may not be able to understand:

invalid="&lt;b&gt;First and Last Name missing&lt;/b&gt;&lt;br/&gt;Please enter your First and Last name."

Needless to say, invalid is not a legal HTML attribute and this appears to be being used purely as a javascript hook.

Also, instead of populating the value attribute, you should use placeholder instead:

placeholder="First and Last Name"

This will probably take care of the issue you're having, as the field will not actually have a "value", but the text will appear in the input if left empty.

Aside: If you get fed up with the library you're using, the de facto jQuery validation library is this one:

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

answered Apr 26, 2012 at 22:33

No Results Found

103k38 gold badges199 silver badges232 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ori Over a year ago

Wow, thank you so much! This was incredibly helpful. YOU ROCK.

Collectives™ on Stack Overflow

jQuery Form Validation (http://validator.codeplex.com/) Not Working for specific need

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related