form validation methods

Wed Jul 03, 2013 5:35 pm

I am reading up on HTML5 forms and thought I could use basic css and html5 methods on appery but does not appear to be the case. My goal is to develop web apps that can work well on newer desktop browsers and devices.

So what is the best way to style required or invalid form inputs and prevent form submission in Appery? Do I need to write my own JS onclick to check validity and set styles? Seems like the previous questions on this topic are several months old in many cases, and I want to be sure I have the most updated info on the subject in terms of appery's evolution as well as browser support.

jquery mobile solutions are appreciated, but less complexity is more to be desktop compatible if possible

Wed Jul 03, 2013 5:44 pm

An app that you build in Appery.io doesn't use form submission (as a regular web app). The data is sent via an API call. As for validation - you can write custom validation rules and then style the message as needed. You would invoke the validation logic on click, for example.

Wed Jul 03, 2013 7:27 pm

thanks max- I am still trying to separate the html5/mobile/appery specific concepts in my head.

If I want to use appery as a base development platform to create a mobile-first type approach to a new app, is it reasonable to attempt to develop it with the idea that desktop users could use it too? If so, what is the primary consideration to keep in mind so it as widely usable as possible? Would it be to basically not use jquery mobile in my scripts, or is that baked in to the appery platform to much?

I figure I am testing on desktop, and I am lazy so it makes sense that I can do both mobile web and web in one project

Wed Jul 03, 2013 8:04 pm

No, Appery.io UI is fully based on jQuery Mobile.

Appery.io is not only an app builder but a cloud based platform that provides wide opportunities in creating mobile apps using visual approach to UI building. The applications can access existing APIs via Rest Services. You can create mobile apps using HTML, CSS and JavaScript technologies. You can write any custom JavaScript or CSS code and include any JavaScript library.

We also provide back-end services for storing data and files and sending Push notifications.

When you create a new app in Appery.io, the app includes Apache Cordova (PhoneGap) library. This means you can right away use any of the JavaScript API provided by PhoneGap.

You can use REST services to integrate with back-end cloud services that support a RESTful API.

Yes, you can build one project for desktop and mobile app. Find some useful tutorials here: http://docs.appery.io/

Wed Jul 03, 2013 8:38 pm

sorry Katya- I just want to be sure I understand you.

Is your 'no' related to my thinking I should keep jquery mobile references out of my scripts to make it work on desktop? In other words, leave them in?

Just to make sure I am clear- You are saying I can create mobile web app that will also work on modern desktop browsers too- right?

Wed Jul 03, 2013 8:58 pm

[quote:]leave them in? [/quote]Yes, you need them.
[quote:]You are saying I can create mobile web app that will also work on modern desktop browsers too- right?[/quote]Yes. jQM may work for desktop interfaces. Of course, with some reservations, because it is being developed for mobile platforms. You can see some desktop examples in the jQM official documentation: http://jquerymobile.com/demos/1.3.0/