I wrote to Dan privately thanking him for this info, but want to point it out to the list too -- this is a GREAT presentation for those who are interested in cementing jquery knowledge, and the examples are top notch.
Thanks again Dan! --- "Dan G. Switzer, II" <[EMAIL PROTECTED]> wrote: > > Kim, > > I just did a presentation where I put together a > demo that does all of these > things. > > Go to my blog and download my presentation: > http://blog.pengoworks.com/blogger/index.cfm?action=blog:585 > > Now the examples are in ColdFusion (not PHP), but > you should be able to > follow the logic w/out a problem. > > The examples you're most interested in are examples > 2.2 & 2.5. In example > 2.2 I just show a working example of a form > submitting back to itself (for > signing up for a mailing list--but the logic is the > same for what you're > doing.) In example 2.3 thru 2.5 I show the > progression of adding unobtrusive > JS using jQuery to eventually build a form that will > validate on the client > side, submit to the server via AJAX, do server side > validation, and then > display the appropriate message based on whether the > operation was > successful or not (this is in > ex2.5_mailing_list_validation_ajax.cfm.) > > (NOTE: Messages in Example 2.5 coming from an AJAX > operation have the string > [AJAX] appended to them so you can see the > difference.) > > You can view the files here: > http://www.pengoworks.com/workshop/jquery_demo/ > > (FYI - Some of the other examples may not work > properly, because I wrote > them for a newer version of CF than I have on my > server. However, the > examples that you're concerned about work fine.) > > -Dan > > >-----Original Message----- > >From: jquery-en@googlegroups.com > [mailto:[EMAIL PROTECTED] On > >Behalf Of Kim Johnson > >Sent: Tuesday, April 03, 2007 3:48 AM > >To: jquery-en@googlegroups.com > >Subject: [jQuery] Badly need help with > ajaxForm/validator > > > > > >I've been working on this for three days and can't > for > >the life of me figure out the best solution. > > > >I have a login area on every page. My (old but > >working) code is the following: > > > >$("div#login input#login_btn").click(function() { > >$.ajax({ > > type: "POST", > > url: "/users/login.php", > > data: ("login=1&username=" + username + > "&password=" > >+ pw), > > dataType: "html", > > success: function(msg){ > > > window.location.reload(true); > > }, > > async: false > > }); > > return false; > >}); > > > >Note that I don't have any error handling hooked > up. > >On login.php, it sets a cookie; then, when the page > >reloads, it sees the cookie and shows the logout > form > >instead. > > > >I now want to do two things: hook up Mike's form > >plugin, and Jorn's validator. I saw the example at > the > >validator demo page for it + ajax but can't figure > out > >how to customize it for what I need. > > > >I tried implementing this: > > > >$("#loginform").validate({ > > submitHandler: function(form) { > > jQuery(form).ajaxSubmit({ > > dataType: "html", > > success: function(json) { > > if(result.status) { > > > >v.showErrors(result.data);} > > else { > > > > window.location.reload(true); > > } > > > > } }); > > } > >}); > > > >This doesn't work, but I can't say I'm surprised. I > >don't understand JSON (usually just use > >HTML/responsetext), but don't know how to get this > to > >work with it. > > > >Things I need: > > > >1. validation to be done before ajaxform/submit is > >called (right now it's basic -- make sure > >username/password is populated). I can get this to > >work with plain old validator (no ajax used) > > > >2. validation errors from login.php to be outputted > if > >there are any (specifically, if the > username/password > >don't work, I have a generic error message I need > to > >pass back to display) > > > >3. window.reload to be called if everything worked > > > >I know this is a vague request, but can anyone help > me > >out? Arrgh, I have to have this done by Thursday > and > >am about ready to throw my monitor through the > window > >:( > > > >thanks, > >-kim > > > > > > > > > > > > > >___________________________________________________________________________ > >_________ > >It's here! Your new message! > >Get new email alerts with the free Yahoo! Toolbar. > >http://tools.search.yahoo.com/toolbar/features/mail/ > > > ____________________________________________________________________________________ Don't get soaked. Take a quick peek at the forecast with the Yahoo! Search weather shortcut. http://tools.search.yahoo.com/shortcuts/#loc_weather
