Seeking an iPad compatible required field checking JS library that leverages native HTML5 required field checking attributes

Can anyone here recommend a suitable required field checking JS library (ie: jQuery based or otherwise) that's iPad compatible?  

More specifically, I'm looking for something that leverages the native HTML5 required field checking attributes (ie: required="required"), .. meaning that if these attributes are encountered -- the JS library takes over and makes required attribute work in Safari on the iPad (since the required attribute does NOT work with Safari on the iPad).

Lastly -- it's important that the JS library (jQuery based or otherwise) can properly handle both checkboxes and radio buttons -- in addition to text input fields.  

Please advise.  Thanks!
- Yvan
egoselfaxisAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

RobOwner (Aidellio)Commented:
knockoutjs (http://knockoutjs.com/), I've used extensively (in conjunction with layout frameworks like bootstrap) for mobile and desktop web applications.

knockout allows you to define the logic of your application (including validation).  It does require jQuery to run.  My experience with the HTML5 validation tells me it's still in beta and I would lean on JS for now until it can prove itself to be robust across browsers and devices.  That said, you can still leverage the attributes/properties as if they were just of the "data-" attribute and include that in your logic.

If you need a demo with some of your data regarding knockout to show you how easy it is to use, just ask.
0
RobOwner (Aidellio)Commented:
This was  simple demo I did the other day for another question where a group of checkboxes were related to a radio button.  If you checked one of the boxes the parent radio should be selected, otherwise the other radio should be selected.  All done with a logic model in javascript.

http://jsbin.com/necij/2/edit?js,output
0
Bernard S.CTOCommented:
Hi Rob,
Nice work.
On my Windows Phone machine, I had to change your link to http://jsbin.com/necij/2/
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

RobOwner (Aidellio)Commented:
Thanks fibo. Yes it will be a bit small viewing the jsbin (code and output) on a phone so thanks for posting the demo link that only shows the output. Certainly more user friendly to see in action on mobile devices.
0
egoselfaxisAuthor Commented:
I'm not sure if my question was properly understood or not.  These answers don't seem to be at all related to my question.  I see no indication whatsoever that knockout JS would allow me to achieve what I'm looking for.  If I'm mistaken, could someone here please provide me with an example?

- yg
0
RobOwner (Aidellio)Commented:
Can anyone here recommend a suitable required field checking JS library (ie: jQuery based or otherwise) that's iPad compatible?  
I use knockoutjs and http://jqueryvalidation.org/documentation

More specifically, I'm looking for something that leverages the native HTML5 required field checking attributes (ie: required="required")
again http://jqueryvalidation.org/documentation

Lastly -- it's important that the JS library (jQuery based or otherwise) can properly handle both checkboxes and radio buttons -- in addition to text input fields.  
This is where I lean towards knockoutjs.

There isn't an off the shelf solution.  The closest you'll get at the moment is jqueryvalidation.org.  knockoutjs gives you the flexibility of building your own logic.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
egoselfaxisAuthor Commented:
Rob - thank you so much!  The jQuery validation JS library is exactly what I needed.  

I'm going to take a closer look at knockoutjs to see if it might be practical for me to implement in future projects.  I would have loved to have had the time to delve into it this week, but had to get a project done for a tradeshow this weekend.  Regardless, I appreciate your help this week.

Cheers,
- Yvan
0
RobOwner (Aidellio)Commented:
Yvan,

That's great you got what you needed from the validation library.  Knockout gives you that blank slate for building your own logic into your site.  Based on the Model, View methodology it makes very robust applications for both mobile devices and desktop.  I've only discovered it myself in the last 6 months and loved using it.  Certainly worth exploring when you've got time.

Good luck with the project.

Rob
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.