Ugh. Screw that. Just do this: To prevent form submissions from being automatically handled with Ajax, add the data-ajax="false" attribute to the form element.
Much easier. ;) On Thu, Jun 30, 2011 at 10:49 AM, Raymond Camden <[email protected]> wrote: > So this an example. I'm not 100% sure it is the BEST example. I listen > for the pagecreate event, then bind to my form's submit. Running > return false prevented JQM from doing it's crap. > > <!DOCTYPE html> > <html> > > <head> > <title>Form - Example One</title> > <link rel="stylesheet" > href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css"; > /> > <script src="http://code.jquery.com/jquery-1.6.1.min.js";></script> > <script > src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js";></script> > <script> > > $('#intro').live('pagecreate',function(event){ > console.log('pagecreate'); > $("#myForm").submit(function(e) { > console.log('submit'); > console.log('custom stuff here'); > return false; > }); > }); > > </script> > </head> > > <body> > > <div data-role="page" id="intro"> > > <div data-role="header"> > <h1>Feedback Form</h1> > </div> > > <div data-role="content"> > > <form action="echo.cfm" method="post" id="myForm"> > <div data-role="fieldcontain"> > <label for="name">Your Name:</label> > <input type="text" name="name" id="name" /> > </div> > > <div data-role="fieldcontain"> > <label for="email">Your Email:</label> > <input type="email" name="email" id="email" /> > </div> > > <div data-role="fieldcontain"> > <label for="comments">Your Comments:</label> > <textarea name="comments" > id="comments"></textarea> > </div> > > <p> > <input type="submit" value="Send Comments"> > </p> > > </form> > </div> > > <div data-role="footer"> > Copyright 2011. > </div> > > </div> > > > > </body> > </html> > > > > On Thu, Jun 30, 2011 at 10:39 AM, Raymond Camden > <[email protected]> wrote: >> On Thu, Jun 30, 2011 at 10:29 AM, Rick Faircloth >> <[email protected]> wrote: >>> >>> Hi, Ray... I appreciate the work you did in putting together >>> the jQuery Mobile Quick Start Guide, but it's really just a >>> more limited version of the Intro to jQuery Mobile found here: >>> >>> http://www.ibm.com/developerworks/web/library/wa-jqmobile/ >> >> Well, respectfully, I disagree. I wanted an approach that was simpler. >> For example, the IBM one takes a while to get to the actual HTML for >> creating a page. There's going to be many guides out there and >> different approaches of course. >> >> >>> In index.cfm: (with non-essential code stripped out) >>> >> >> Yowza. That's a lot. :) I'd begin first by simpy ensuring that my >> form click handler is operating correctly. JQM wants to take over >> forms by default. You can bypass this a few ways - here is one: >> >> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:345964 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
