How do I display an error message? -- <select> using jQuery form validation

If you want to use the standard validation, to validate for not filled in or selected, the value has to be empty.

You have value="0"

<select id="state-terr" name="state-terr" class="required" title="Please select a State/Province/Territory.">
  <option value="0" selected="selected">--Select--</option>

So EITHER make that empty OR write a custom validation (could be as simple as testing that selectedIndex <1)

I am sure that validator ALSO needs a custom validator for a select with the first option not empty.

Hi EddieShipman,
I tried adding the jQuery ValidationEngine plugin to my page. So far i got this error in Firefox:

TypeError: form.on is not a function


any ideas?
Thanks.

Nope, what line? Do you have an accessible site where I can look at the source?

I put these in my doc:

<script src="/js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

Select all Open in new window

Then, i added this:

<script>
$(document).ready(function(){
        $("#apForm").validationEngine();
});
</script>

Select all Open in new window

I got this error in Firefox:
TypeError: form.on is not a function
(the above error points to this line in the "jquery.validationEngine.js" file)
       

form.on(options.validationEventTrigger, "["+options.validateAttribute+"*=validate]:not([type=checkbox]):not([type=radio]):not(.datepicker)", methods._onFieldEvent);
	form.on("click", "["+options.validateAttribute+"*=validate][type=checkbox],["+options.validateAttribute+"*=validate][type=radio]", methods._onFieldEvent);
	form.on(options.validationEventTrigger,"["+options.validateAttribute+"*=validate][class*=datepicker]", {"delay": 300}, methods._onFieldEvent);

Select all Open in new window

Hope this helps.
Thanks again.

Try this instead:

$("#apForm").validationEngine("attach", {scroll: true});

Select all Open in new window

You need to 'attach' the validation to the form. The scroll option makes the page scroll to the field that has the error.

Hi Eddie,
I tried the above, but i still get the same "TypeError: form.on is not a function" error.

What version of validationEngine do you have?

and do you load jQuery first?

Yeah, forgot that part!!

It may also depend on the version of jQuery that you are using. I see that ValidationEngine version 2.6.1 has that code because I couldn't find that code in my 2.2.version.

Would it be possible for you to mockup a page and post it on jsfiddle?

Hi Eddie,
 I'm using version 2.6.2 of Validation Engine. I'll update my jquery to jquery-1.8.2.min.js and see if that works...i'll let you know shortly....
thanks again :)

Hi Eddie,
 Yep! I needed to update my jquery to 1.8.2. Now it works!! And it looks great. I like how the email address gets validated without adding any extra script.  Thanks again!!!