search

ericelliott / h5Validate

An HTML5 form validation plugin for jQuery. Works on all major browsers, both new and old. Implements inline, realtime validation best practices (based on surveys and usability studies). Developed for production use in e-commerce. Currently in production with millions of users.
576 stars 125 forks source link

h5Validate doesnt show up any error messges in IE9 #69

Closed Anj123 closed 10 years ago

Anj123 commented 11 years ago

Tried implementing h5validate method.

In chrome it works fine, IE does not show up any error messages.It just uses css.

ericelliott commented 11 years ago

Could you create a test case on jsfiddle.net, please? The code you posted here doesn't make any sense.

Anj123 commented 11 years ago

I have created the fiddle. Please find the link below: http://jsfiddle.net/Anj123/sr6BG/

ericelliott commented 11 years ago

You had errors in your HTML, and you were not loading jQuery and h5Validate. It works as expected for me.

http://jsfiddle.net/RqMRL/

Anj123 commented 11 years ago

Thanks for looking into this issue.

However I tried your code and the dialog box didn't appear.

I am attaching the screenshots for your reference. IE9 Chrome

ericelliott commented 11 years ago

Pretty sure that's also due to errors in your code (double check your HTML and selectors), but I'll take another look when I have more time.

fahdi commented 10 years ago

I am having the same issue. Any solutions?

For me, as soon as I add the jQuery and h5Validate, it starts supporting patterns defined in html5 validation fields on unsupported browsers, but the error messages stop working,.

ericelliott commented 10 years ago

Please post your code on jsfiddle. You can use my example above as a starting point.

ericelliott commented 10 years ago

fahdi: With h5Validate (as specified by the HTML5 specification), the error message that gets displayed is supposed to be the contents of the title attribute for the input. See the error messages section in the documentation. The messages are different from default browser behavior intentionally, so that you can easily customize them to fit in with the look and feel of your application.