Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!
How do I display an error message? -- <select> using jQuery form validation
Hi,
I have a form using jQuery validation. The form displays an error message for each required <input> if the user hasn't filled it out. For the <select> items, the form validates, but it doesn't display an error message if the user hasn't selected an item from the from the dropdown. Can you write a rule that would display a message for the two form selects in my form. See attached code. I just want the message to say something like "Please select an item".
Thanks!
form-page.html
I have a form using jQuery validation. The form displays an error message for each required <input> if the user hasn't filled it out. For the <select> items, the form validates, but it doesn't display an error message if the user hasn't selected an item from the from the dropdown. Can you write a rule that would display a message for the two form selects in my form. See attached code. I just want the message to say something like "Please select an item".
Thanks!
form-page.html
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
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">--Sele
So EITHER make that empty OR write a custom validation (could be as simple as testing that selectedIndex <1)
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">--Sele
So EITHER make that empty OR write a custom validation (could be as simple as testing that selectedIndex <1)
Personally, I use the jQuery ValidationEngine plugin. Very easy to use and does this for you.
http://github.com/posabsolute/jQuery-Validation-Engine
http://github.com/posabsolute/jQuery-Validation-Engine
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.
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.
I put these in my doc:
Then, i added this:
I got this error in Firefox:
TypeError: form.on is not a function
(the above error points to this line in the "jquery.validationEngine.j
Hope this helps.
Thanks again.
<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>
Then, i added this:
<script>
$(document).ready(function(){
$("#apForm").validationEngine();
});
</script>
I got this error in Firefox:
TypeError: form.on is not a function
(the above error points to this line in the "jquery.validationEngine.j
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);
Hope this helps.
Thanks again.
Try this instead:
You need to 'attach' the validation to the form. The scroll option makes the page scroll to the field that has the error.
$("#apForm").validationEngine("attach", {scroll: true});
You need to 'attach' the validation to the form. The scroll option makes the page scroll to the field that has the error.
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.
Premium Content
You need an Expert Office subscription to comment.Start Free Trial