JQuery Validation Not Working

Question

I am using the same code for my contact us form, and trying to apply it to a quote form as well. I have duplicated the code, and added the data for AJAX. But it just does nothing, no errors at all, the form does submit. I am trying to test it by just clicking on the submit button i should get validation errors ie please enter in the information.

This works fine on my contact us form, i cannot find the issue!

http://www.aklogistics.co.uk/quote-cheap-man-and-van-hire-london.html

The JQuery code is in this file: http://www.aklogistics.co.uk/js/views/view.contact.js

There seems to be a problem with jquery.validation library, console returns jquery.validation.min.js:9 Uncaught TypeError: Cannot read property 'type' of undefined at a.validator.elementValue (jquery.validation.min.js:9) at a.validator.check (jquery.validation.min.js:9) at a.validator.checkForm (jquery.validation.min.js:9) at a.validator.form (jquery.validation.min.js:9) at HTMLFormElement.<anonymous> (jquery.validation.min.js:9) at HTMLFormElement.dispatch (jquery.min.js:3) at HTMLFormElement.q.handle (jquery.min.js:3) use updated jquery.validation js — Mohd Asim Suhail
– Mohd Asim Suhail, Commented Feb 12, 2017 at 19:39
i downloaded the latests validation js file and replaced it, but it's still the same. What's confusing is, why does it work fine for the contact us page, but not this page - its the same code! Only difference is the ajax data. — Sickaaron
– Sickaaron, Commented Feb 12, 2017 at 20:06

Mohd Asim Suhail · Accepted Answer · 2017-02-12 20:38:26Z

7

<input type="checkbox" required="" aria-required="true"> this checkbox in 'Get Quote' page is not having any id and name, so jquery-validation is not able to reference it, that is why it is returning type undefined. Replace this checckbox with <input type="checkbox" name="agree" id="agree" required="" aria-required="true" class="error">

After a long debugging I found out this, give an id and name to your checkbox and validation will work accordingly.

answered Feb 12, 2017 at 20:38

Mohd Asim Suhail

2,3121 gold badge17 silver badges23 bronze badges

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

1 Comment

Tumelo Mapheto Over a year ago

Not all heroes wear capes 🙌

Justin · Accepted Answer · 2019-08-29 17:23:59Z

0

I ran in to this issue with .NET MVC Razor. I found that I needed to add the id in the Razor @Html.CheckBox() helper:

    @Html.CheckBox("CheckBoxGroup", htmlAttributes: new { name = "CheckBoxGroup", id = "CheckBoxGroupItem1" })
    @Html.CheckBox("CheckBoxGroup", htmlAttributes: new { name = "CheckBoxGroup", id = "CheckBoxGroupItem2" })

answered Aug 29, 2019 at 17:23

Justin

6125 silver badges18 bronze badges

Collectives™ on Stack Overflow

JQuery Validation Not Working

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related