In this screencast you will learn how to use jQuery Mobile forms, and how it interacts with ajax in the jQuery Mobile framework. This screencast is an introduction to forms which covers all the basics and will get you up to spend and using forms quickly.

Download Source Working Example

12 responses to “jQueryMobile Forms Part 1 The Basics”

  1. vimviv says:

    Hi Anthony this is a great screencast. I have two queries i think you can help me.
    1. Which IDE you are using? Its looking great. But i have seen that your IDE is not giving intelligence about jquery specific properties like data-transition.
    2. currently jquery mobile is not even in beta phase. So is it ok to start development with jquery mobile?
    3. Which option is preferable for adding jquery mobile library.
    a. adding a local copy of jquery mobile
    b. adding the url like “”.

  2. anthony says:

    Thanks for the Post! I’ll be glad to answer your questions

    1.) I’m using coda, I use it because I prefer the layout/usage with SFTP connection to my server. The interface is just nice to me.
    2.) Obviously in alpha/beta phases you might have some issues. However, during my development – to production items I’ve used in actual projects I find it to be a very stable easy to use platform. I believe the alpha means more “limited features” then features in testing. Especially now that most of the testing comes from GIT before alpha releases.
    3.) This depends on what your project calls for. For simple projects which do not require customization of templates ETC I like to use the CDN to make it light weight on my server. However, I do have a project where I edited the core files. When I do this, I host them on my box. So a) when I need customization b) when I don’t have to edit any jquery mobile files.

    Let me know if I can answer any more questions for you!

  3. Andy says:

    The “working” example does not work.
    Neither does my version following your instructions.
    If I look at the javeconsole in Chrome I see “TypeError: Cannon call method _trigger of undefined”.
    Any suggestions?

  4. ignacio Soto says:


    when i go to the working example, at the result.php. it seems you have and error:

    Parse error: syntax error, unexpected $end in /content/sites/pinehead/www/tuts/jqmobile/forms/result.php on line 31

    maybe you dont change the code when you edited for the chrome debbuging.


  5. […] jQuery Mobile Forms Part 1 The Basics […]

  6. James says:


    Thanks for the tutorial.

    Instead of posting form data to a server I would like to save to (HTML5) localstorage. How could I do that?

    Also would be interested in packaging up as a web app for Android phones. Can you do something on that?

  7. Daniel says:

    Hi Anthony.
    I’m writing an app which uses jquerymobile and websql. It is a tablet app and a local storage is needed. The thing is that i need the post to be handle by a javascript which in turn will be inserting the form fields data into a database table.
    Can you give an idea of how doing that?
    Tnx in advance

  8. Jerry says:

    Could you post a tutorial on how to work with forms in an IOS app that will be submitted to the app store. This may be part of the phonegap series you are working on, but I thought I would ask.

    Thanks for the good work!


  9. […] jQueryMobile Forms Part 1 The Basics […]

  10. Kabkee says:

    Hi there, while googling something about jQuery Mobile, I found your lecture. Thanks and it helps me alot to understand.

    However, I’m curious what development tool you are using on the video.
    I’ve got heard sometime on the video, but i didn’t catch.
    It looks like Mac program, but i wonder that there are similar program for PC based on MS windows.
    I thought that is UltraEdit or EditPlus, but both are not completing automatically full syntax like {} or (); something.

    Please, give me an advice. I will be appreciated 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get actionable training and tech advice

We'll email you our latest articles up to once per week.