[jQuery] Re: Validation Success Callback
The single quotes around the window.location worked like a charm...
Thanks a lot for your help!
On Mar 31, 7:32 pm, James wrote:
> Slight typo on the second option:
>
> setTimeOut(doSomething, 5000);
>
> function doSomething() {
> window.location = 'http://www.google.com';
>
> }
>
> On Mar 31, 2:31 pm, James wrote:
>
>
>
> > In some common ways, you'd have to either do it:
>
> > setTimeOut(function() {
> > window.location = 'http://www.google.com';
>
> > }, 5000);
>
> > or:
>
> > setTimeOut(doSomething, 5000);
>
> > doSomething() {
> > window.location = 'http://www.google.com';
>
> > }
>
> > or:
>
> > setTimeout('window.location = "http://www.google.com";', 5000);
>
> > On Mar 31, 2:28 pm, MonkeyBall2010 wrote:
>
> > > setTimeout(window.location = "http://www.google.com";, 5000);
>
> > > It seems that the script just completely ignores the timeout but
> > > executes the code anyways... What is really weird is that if I put
> > > some other code on a timer then it works correctly so maybe I am doing
> > > the redirect wrong??
>
> > > On Mar 30, 9:38 pm, James wrote:
>
> > > > Can you show us how the "//redirect" part of the code looks like?
> > > > It should be on the lines of something like:
>
> > > > setTimeOut(function() {
> > > > location.href = '/somepage';
>
> > > > }, 2000);
>
> > > > On Mar 30, 4:05 pm, MonkeyBall2010 wrote:
>
> > > > > Yeah, that was just a typo on my behalf... The actual code does list
> > > > > the correct code... Any idea what I am doing wrong?
>
> > > > > On Mar 27, 1:17 pm, James wrote:
>
> > > > > > Javascript is case-sensitive:
> > > > > > 'setTimeOut' should be 'setTimeout'
>
> > > > > > On Mar 26, 5:08 pm, MonkeyBall2010 wrote:
>
> > > > > > > I am using the validation plugin and the form plugin to validate
> > > > > > > my
> > > > > > > form and then submit the information via ajaxSubmit. I have
> > > > > > > everything
> > > > > > > working with the exception of my success callback function. Once
> > > > > > > the
> > > > > > > form is successfully validated I just want to wait about 2 - 3
> > > > > > > seconds
> > > > > > > to run a script and then redirect the user to a new page. This
> > > > > > > works
> > > > > > > but the code is executed immediately:
>
> > > > > > > var options = {
> > > > > > > success: createAccount,
> > > > > > > clearForm: true
>
> > > > > > > };
>
> > > > > > > $("#submitForm").validate({
> > > > > > > rules: {
> > > > > > > //Insert Rules Here
> > > > > > > },
> > > > > > > messages: {
> > > > > > > //Insert Messages
> > > > > > > Here
> > > > > > > },
> > > > > > > submitHandler: function(form) {
> > > > > > > jQuery(form).ajaxSubmit(options);
> > > > > > > }
> > > > > > > });
>
> > > > > > > function createAccount () {
> > > > > > > //Do Stuff
> > > > > > > setTimeOut(//Redirect, 2000);
>
> > > > > > > }
>
> > > > > > > So instead of waiting 2 seconds to redirect the code is executed
> > > > > > > as if
> > > > > > > the timer isn't even there!! Can anyone please help me with this?
> > > > > > > I
> > > > > > > have tried everything and still the timer does not work!!- Hide
> > > > > > > quoted text -
>
> > > > > > - Show quoted text -- Hide quoted text -
>
> > > > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
[jQuery] Re: Validation Success Callback
setTimeout(window.location = "http://www.google.com";, 5000);
It seems that the script just completely ignores the timeout but
executes the code anyways... What is really weird is that if I put
some other code on a timer then it works correctly so maybe I am doing
the redirect wrong??
On Mar 30, 9:38 pm, James wrote:
> Can you show us how the "//redirect" part of the code looks like?
> It should be on the lines of something like:
>
> setTimeOut(function() {
> location.href = '/somepage';
>
> }, 2000);
>
> On Mar 30, 4:05 pm, MonkeyBall2010 wrote:
>
>
>
> > Yeah, that was just a typo on my behalf... The actual code does list
> > the correct code... Any idea what I am doing wrong?
>
> > On Mar 27, 1:17 pm, James wrote:
>
> > > Javascript is case-sensitive:
> > > 'setTimeOut' should be 'setTimeout'
>
> > > On Mar 26, 5:08 pm, MonkeyBall2010 wrote:
>
> > > > I am using the validation plugin and the form plugin to validate my
> > > > form and then submit the information via ajaxSubmit. I have everything
> > > > working with the exception of my success callback function. Once the
> > > > form is successfully validated I just want to wait about 2 - 3 seconds
> > > > to run a script and then redirect the user to a new page. This works
> > > > but the code is executed immediately:
>
> > > > var options = {
> > > > success: createAccount,
> > > > clearForm: true
>
> > > > };
>
> > > > $("#submitForm").validate({
> > > > rules: {
> > > > //Insert Rules Here
> > > > },
> > > > messages: {
> > > > //Insert Messages Here
> > > > },
> > > > submitHandler: function(form) {
> > > > jQuery(form).ajaxSubmit(options);
> > > > }
> > > > });
>
> > > > function createAccount () {
> > > > //Do Stuff
> > > > setTimeOut(//Redirect, 2000);
>
> > > > }
>
> > > > So instead of waiting 2 seconds to redirect the code is executed as if
> > > > the timer isn't even there!! Can anyone please help me with this? I
> > > > have tried everything and still the timer does not work!!- Hide quoted
> > > > text -
>
> > > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
[jQuery] Re: Validation Success Callback
Yeah, that was just a typo on my behalf... The actual code does list
the correct code... Any idea what I am doing wrong?
On Mar 27, 1:17 pm, James wrote:
> Javascript is case-sensitive:
> 'setTimeOut' should be 'setTimeout'
>
> On Mar 26, 5:08 pm, MonkeyBall2010 wrote:
>
>
>
> > I am using the validation plugin and the form plugin to validate my
> > form and then submit the information via ajaxSubmit. I have everything
> > working with the exception of my success callback function. Once the
> > form is successfully validated I just want to wait about 2 - 3 seconds
> > to run a script and then redirect the user to a new page. This works
> > but the code is executed immediately:
>
> > var options = {
> > success: createAccount,
> > clearForm: true
>
> > };
>
> > $("#submitForm").validate({
> > rules: {
> > //Insert Rules Here
> > },
> > messages: {
> > //Insert Messages Here
> > },
> > submitHandler: function(form) {
> > jQuery(form).ajaxSubmit(options);
> > }
> > });
>
> > function createAccount () {
> > //Do Stuff
> > setTimeOut(//Redirect, 2000);
>
> > }
>
> > So instead of waiting 2 seconds to redirect the code is executed as if
> > the timer isn't even there!! Can anyone please help me with this? I
> > have tried everything and still the timer does not work!!- Hide quoted text
> > -
>
> - Show quoted text -
[jQuery] Validation Success Callback
I am using the validation plugin and the form plugin to validate my
form and then submit the information via ajaxSubmit. I have everything
working with the exception of my success callback function. Once the
form is successfully validated I just want to wait about 2 - 3 seconds
to run a script and then redirect the user to a new page. This works
but the code is executed immediately:
var options = {
success: createAccount,
clearForm: true
};
$("#submitForm").validate({
rules: {
//Insert Rules Here
},
messages: {
//Insert Messages Here
},
submitHandler: function(form) {
jQuery(form).ajaxSubmit(options);
}
});
function createAccount () {
//Do Stuff
setTimeOut(//Redirect, 2000);
}
So instead of waiting 2 seconds to redirect the code is executed as if
the timer isn't even there!! Can anyone please help me with this? I
have tried everything and still the timer does not work!!
[jQuery] Re: Button Actions
Thanks... I have read some of the jQuery documentation but it does
little to describe the underlying language. I will check out the book
you mentioned this weekend.
Also, I have one more minor problem with with the above code. So the
callback function is working correctly with the exception of my
redirect. I wanted the block UI to "load" for a specified amount of
time and then the redirect to occur. I thought using the setTimeout
function would wait to execute the code for the specified time but it
doesn't work. My block UI is displayed for a fraction of a second and
then the page redirects no matter how long I set the timer for. Does
the submitHandler get processed before the user presses the submit
button? I can't figure out why the redirect occurs so abruptly. When I
try something else in the setTimer function it times correctly but not
the redirect for some reason.
submitHandler: function(form) {
jQuery(form).ajaxSubmit(function() {
$.blockUI({ message: 'Creating
Account...' });
setTimeout(window.location = "Redirect
Location", 4000);
});
}
Thanks for all of your help
[jQuery] Re: Button Actions
I think I solved my own problem. The callback function does need to be
within the ajaxSubmit function but I wasn't doing it correctly. This
works as intended:
submitHandler: function(form) {
jQuery(form).ajaxSubmit(function() {
$.blockUI({ message: 'Creating Account...' });
setTimeout($.unblockUI, 4000);
});
}
Can you suggest a good JS book for someone who is very familiar with
coding but not JS? I haven't had time to come up to speed on the
language but I am looking to learn fast... A website tutorial would
also help me out.
Thanks
On Mar 17, 8:45 pm, MonkeyBall2010 wrote:
> This is what I have so far:
>
> $("#submitForm").validate({
> rules: {
> address: {
> required: true,
> email: true,
> remote: "script/validateEmail.php"
> },
> password: {
> required: true,
> rangelength: [6, 12]
> },
> date: {
> required: true,
> date: true
> },
> zipcode: {
> required: true,
> digits: true,
> rangelength: [5, 5],
> remote: "script/validateZip.php"
> },
> asfield: {
> required: true,
> rangelength: [3, 3],
> remote: "script/validateASF.php"
> }
> },
> messages: {
> address: {
> required: "",
> email: true,
> remote: " Not Available"
> },
> password: {
> required: "",
> rangelength: ""
> },
> date: {
> required: "",
> date: ""
> },
> zipcode: {
> required: "",
> digits: "",
> rangelength: "",
> remote: " Zipcode Invalid"
> },
> asfield: {
> required: " moo?",
> rangelength: "",
> remote: " moo?"
> }
> },
> submitHandler: function(form) {
> jQuery(form).ajaxSubmit();
> }
>
> });
>
> The form is verified correctly and the AJAX submit works correctly. I
> tried putting the callback function within the jQuery(form).ajaxSubmit
> () function but things weren't working correctly... The after submit
> code works correctly but I just don't know where to put it. Forgive me
> if this is an easy question but I haven't had time to get a book to
> properly come up to speed on JS yet. This is what I am looking to run:
>
> $("#submitForm").ajaxForm(function() {
> $.blockUI({ message: 'Creating Account... src="../images/ajax-loader.gif" />' });
>
> setTimeout($.unblockUI, 4000);
>
> });
>
> This code is currently outside of the validation code and does not
> work as intended. The script will fired when the user just presses the
> submit button and no validation has taken place.
>
> Thanks
[jQuery] Re: Button Actions
This is what I have so far:
$("#submitForm").validate({
rules: {
address: {
required: true,
email: true,
remote: "script/validateEmail.php"
},
password: {
required: true,
rangelength: [6, 12]
},
date: {
required: true,
date: true
},
zipcode: {
required: true,
digits: true,
rangelength: [5, 5],
remote: "script/validateZip.php"
},
asfield: {
required: true,
rangelength: [3, 3],
remote: "script/validateASF.php"
}
},
messages: {
address: {
required: "",
email: true,
remote: " Not Available"
},
password: {
required: "",
rangelength: ""
},
date: {
required: "",
date: ""
},
zipcode: {
required: "",
digits: "",
rangelength: "",
remote: " Zipcode Invalid"
},
asfield: {
required: " moo?",
rangelength: "",
remote: " moo?"
}
},
submitHandler: function(form) {
jQuery(form).ajaxSubmit();
}
});
The form is verified correctly and the AJAX submit works correctly. I
tried putting the callback function within the jQuery(form).ajaxSubmit
() function but things weren't working correctly... The after submit
code works correctly but I just don't know where to put it. Forgive me
if this is an easy question but I haven't had time to get a book to
properly come up to speed on JS yet. This is what I am looking to run:
$("#submitForm").ajaxForm(function() {
$.blockUI({ message: 'Creating Account...' });
setTimeout($.unblockUI, 4000);
});
This code is currently outside of the validation code and does not
work as intended. The script will fired when the user just presses the
submit button and no validation has taken place.
Thanks
[jQuery] Re: JavaScript Loading Question
OK, this did the trick, thanks! On Mar 16, 7:15 pm, Karl Swedberg wrote: > This is the best way I've found to initially hide content with > JavaScript without having the flash of unstyled content. > > http://www.learningjquery.com/2008/10/1-awesome-way-to-avoid-the-not-... > > --Karl > > > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Mar 16, 2009, at 5:19 PM, Jonathan wrote: > > > > > > > Since the browser will always have the Markup and CSS before the > > javascript is finished it's a pretty typical approach to avoid seeing > > stuff before the JS is done, although having a simplified version of > > your page that is accessible to users without JS enabled (for instance > > all the tabs visible from the start like you're seeing) is important, > > and if you only show content once javascript is loaded you're > > basically serving an invisible page to people that disable it. > > > On Mar 16, 1:32 pm, MonkeyBall2010 wrote: > >> Is this the best practices workaround? I hardly ever see this on > >> other > >> sites that use jQuery or a similar JS library. > > >> On Mar 13, 7:20 pm, James wrote: > > >>> For jQuery UI Tabs I get that issue too where it will display the > >>> HTML > >>> list before turning into tabs. Though usually only just for the > >>> initial load where the JS scripts have not been cached yet. > > >>> The only workaround I've tried was making the container for > >>> your > >>> tabs hidden initially, and when the tabs script is finally set, show > >>> the div. > > >>> On Mar 13, 2:08 pm, MonkeyBall2010 wrote: > > >>>> I've noticed that when I put something in the $(document).ready > >>>> function my page will load the HTML and then theJavaScriptwill kick > >>>> in. For example, I make a series of tabs with the jQuery UI library > >>>> and then I visit the page. The content in the tabs will display > >>>> regularly for a split second and then it will "jump" into the > >>>> tabbed > >>>> configuration. When I go to other websites I don't see this > >>>> behavior... > > >>>> Is there a way to preload theJavaScriptso that the page appears as > >>>> intended before the user is able to view it? > > >>>> Thanks, > >>>> Tim- Hide quoted text - > > >>> - Show quoted text -- Hide quoted text - > > - Show quoted text -
[jQuery] Re: JavaScript Loading Question
Is this the best practices workaround? I hardly ever see this on other sites that use jQuery or a similar JS library. On Mar 13, 7:20 pm, James wrote: > For jQuery UI Tabs I get that issue too where it will display the HTML > list before turning into tabs. Though usually only just for the > initial load where the JS scripts have not been cached yet. > > The only workaround I've tried was making the container for your > tabs hidden initially, and when the tabs script is finally set, show > the div. > > On Mar 13, 2:08 pm, MonkeyBall2010 wrote: > > > > > I've noticed that when I put something in the $(document).ready > > function my page will load the HTML and then theJavaScriptwill kick > > in. For example, I make a series of tabs with the jQuery UI library > > and then I visit the page. The content in the tabs will display > > regularly for a split second and then it will "jump" into the tabbed > > configuration. When I go to other websites I don't see this > > behavior... > > > Is there a way to preload theJavaScriptso that the page appears as > > intended before the user is able to view it? > > > Thanks, > > Tim- Hide quoted text - > > - Show quoted text -
[jQuery] Re: Button Actions
ok, I got it... If you place the callback function within the
validation script then it fires twice for some reason... I have placed
it outside of the function and now it works properly. I'll see how I
fair on the rest of it.
Thanks!
On Mar 15, 10:20 pm, MonkeyBall2010 wrote:
> This may sound like a simple question but where would I place this
> callback function? Does it go within my validation function:
>
> $(#form).validate({
> $(#form).ajaxForm(function() {do stuff});
>
> });
>
> or would it go outside of this function? Currently my submitHandler is
> inside of the my validation function and it works correctly. Is this
> the proper section to place this type of function?
>
> Thanks,
> Tim
>
> On Mar 15, 7:45 pm, brian wrote:
>
>
>
> > On Sun, Mar 15, 2009 at 8:24 PM, MonkeyBall2010
>
> > wrote:
>
> > > I'm still trying to figure out how to make actions happen with an AJAX
> > > button submit. Right now I am using the jQuery Validation plugin to
> > > validate my form and then the Forms plugin to perform an AJAX submit.
> > > I have the validation and AJAX submit working perfectly right now but
> > > I was hoping to add just a bit more after the submit button has been
> > > pressed, the form validated, and the information sunmitted. I was
> > > hoping to pop up a modular window with a small box that says Thank You
> > > and then redirect the user to a new page.
>
> > You can provide a callback function that will be called on success:
>
> > $('#the_form').ajaxForm(function() { do.whatever(); });- Hide quoted text -
>
> - Show quoted text -
[jQuery] Re: Button Actions
This may sound like a simple question but where would I place this
callback function? Does it go within my validation function:
$(#form).validate({
$(#form).ajaxForm(function() {do stuff});
});
or would it go outside of this function? Currently my submitHandler is
inside of the my validation function and it works correctly. Is this
the proper section to place this type of function?
Thanks,
Tim
On Mar 15, 7:45 pm, brian wrote:
> On Sun, Mar 15, 2009 at 8:24 PM, MonkeyBall2010
>
> wrote:
>
> > I'm still trying to figure out how to make actions happen with an AJAX
> > button submit. Right now I am using the jQuery Validation plugin to
> > validate my form and then the Forms plugin to perform an AJAX submit.
> > I have the validation and AJAX submit working perfectly right now but
> > I was hoping to add just a bit more after the submit button has been
> > pressed, the form validated, and the information sunmitted. I was
> > hoping to pop up a modular window with a small box that says Thank You
> > and then redirect the user to a new page.
>
> You can provide a callback function that will be called on success:
>
> $('#the_form').ajaxForm(function() { do.whatever(); });
[jQuery] Button Actions
I'm still trying to figure out how to make actions happen with an AJAX button submit. Right now I am using the jQuery Validation plugin to validate my form and then the Forms plugin to perform an AJAX submit. I have the validation and AJAX submit working perfectly right now but I was hoping to add just a bit more after the submit button has been pressed, the form validated, and the information sunmitted. I was hoping to pop up a modular window with a small box that says Thank You and then redirect the user to a new page. Can anyone help me out with this? I have been trying a load of things but I'm stuck rigt now. I can provide code if that would make things easier to understand. Thanks!
[jQuery] Re: slideDown content disappearing in IE7
I think in your case to get the same effect you want to use .toggle, which will toggle between hide and show. On Mar 13, 8:31 pm, MonkeyBall2010 wrote: > I think it might be because you aren't performing a .show on the div > that slides down. Trying using the .show instead of slideDown and then > apply the slideDown when you actually use .show. Does that make sense? > > On Mar 13, 8:04 pm, flycast wrote: > > > > > My content in my slideDown is disappearing after the slideDown is complete. > > I > > have tried: > > zoom:1; > > - this make the h4's display inline. > > > zoom:1; > > display: block; > > - this makes them disappear > > > min-height: 1% > > - they disappear > > > The page can be found > > here:http://www.trinityacademy.org/summer-sessionshttp://www.trinityacadem... > > -- > > View this message in > > context:http://www.nabble.com/slideDown-content-disappearing-in-IE7-tp2250796... > > Sent from the jQuery General Discussion mailing list archive at > > Nabble.com.- Hide quoted text - > > - Show quoted text -
[jQuery] Re: slideDown content disappearing in IE7
I think it might be because you aren't performing a .show on the div that slides down. Trying using the .show instead of slideDown and then apply the slideDown when you actually use .show. Does that make sense? On Mar 13, 8:04 pm, flycast wrote: > My content in my slideDown is disappearing after the slideDown is complete. I > have tried: > zoom:1; > - this make the h4's display inline. > > zoom:1; > display: block; > - this makes them disappear > > min-height: 1% > - they disappear > > The page can be found > here:http://www.trinityacademy.org/summer-sessionshttp://www.trinityacademy.org/summer-sessions > -- > View this message in > context:http://www.nabble.com/slideDown-content-disappearing-in-IE7-tp2250796... > Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Please need your help
You should be able to do this very easliy with the validation plugin.
If the validation rules are exactly the same then you could apply the
same ID to each form. However, it's most likely that you need specify
different rules for each form:
(#form1).validate({
rules: etc.
messages: etc.
});
(#form2).validate({
rules: etc.
messages: etc.
}):
On your forms you would specify the proper ID:
This is an example with two forms:
http://jquery.bassistance.de/validate/demo/
Tim
On Mar 13, 3:36 pm, Hellofrom wrote:
> Hello every one,
> I need your help , how can i use validation plug in to validate two form in
> the same page
> thanks
[jQuery] jQuery AJAX Forms Question
I'm using the jQuery Validation and jQuery Forms plugins on my Submit
Form. I have the validation portion working correctly and the AJAX
submit working correctly. However, I would like a few things to happen
after the user has submitted information. I would possibly like to
show a simple loading overlay (in a shadowbox) so that the user knows
the form is working and I would like to redirect the user to another
page after the process is complete
So far this is what I have:
$("#submitForm").validate({
submitHandler: function(form) {
jQuery(form).ajaxSubmit();
}
});
And in my form I have the Action directed to the PHP file that uploads
the user information. Where would I put events that occur after the
submit button is pressed? I tried to place something in my
submitHandler function but then the upload ceased to work properly.
Thanks,
Tim
[jQuery] JavaScript Loading Question
I've noticed that when I put something in the $(document).ready function my page will load the HTML and then the JavaScript will kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will "jump" into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload the JavaScript so that the page appears as intended before the user is able to view it? Thanks, Tim
[jQuery] Re: JQuery Form Validation & Fancybox
So I have the validation working with an AJAX submit thanks to all of
your help. To what extent are my options once the AJAX submit has
occurred? I am trying to redirect the user to a new page but only
after the validation has occurred and after the data has been uploaded
to the database. Is it possible to do this action with the same button
press that was used to do the validation? If so, where do I put the
code to do so? I tried to do this:
$("#submitForm").validate({
submitHandler: function(form) {
jQuery(form).ajaxSubmit();
-->Insert Redirect Here
}
});
But then the AJAX submit didn't work... Sorry if all of this is easy
stuff but I am still new to most of this.
Thanks!
On Mar 12, 1:21 pm, MonkeyBall2010 wrote:
> Sweet, that's exactly what I was looking for! Thanks so much for the
> help.
>
> Tim
>
> On Mar 12, 4:15 am, Jörn Zaefferer
> wrote:
>
>
>
> > Seehttp://jquery.bassistance.de/validate/demo/milk/
>
> > Jörn
>
> > On Wed, Mar 11, 2009 at 10:19 PM, MonkeyBall2010
>
> > wrote:
>
> > > I think I figured out the passing part. If I am reading the
> > > documentation correctly it seems that the variable is retrieved in
> > > your PHP file via the $_GET["var"] command (does this seem correct?).
> > > Now I have the ability to check the database for availability but then
> > > I'm stuck again. So the documentation states that response is
> > > evaluated as a JSON (true or false)... Can anyone provide me with an
> > > example of how to do this?
>
> > > Thanks in Advance!
>
> > > On Mar 11, 3:11 pm, MonkeyBall2010 wrote:
> > >> Thanks! Now how do I use it?!?!
>
> > >> Hahah. Specifically, let's say I wanted to check on the availablility
> > >> of an email address. How do I pass that email address to my PHP
> > >> script? I couldn't seem to locate an example on the server side
> > >> script, only the JS.
>
> > >> Tim
>
> > >> On Mar 11, 3:11 am, Jörn Zaefferer
> > >> wrote:
>
> > >> > Dunno about Fancybox, but you can use the remote method to check the
> > >> > username:http://docs.jquery.com/Plugins/Validation/Methods/remote
>
> > >> > Jörn
>
> > >> > On Tue, Mar 10, 2009 at 11:53 PM, MonkeyBall2010
>
> > >> > wrote:
>
> > >> > > You'll have to forgive me if this question sounds easy but I am
> > >> > > fairly
> > >> > > new to jQuery so I'm still learning things here.
>
> > >> > > I'm trying to do the following:
>
> > >> > > -Display a signup form with the Fancybox plugin (working)
> > >> > > -Validate the form, currently using the bassistance Validation plugin
> > >> > > (working)
> > >> > > -Dynamically check a MySQL database, via AJAX, to see if the username
> > >> > > is already taken ()
> > >> > > -Once the form checks out then I want to upload the information to
> > >> > > MySQL
>
> > >> > > The problems I am having right now are as follows:
>
> > >> > > -The validation script will function correctly on the standalone
> > >> > > webpage. However, when I try to open the webpage via the Fancybox
> > >> > > plugin the validation ceases to work. The submit button will refresh
> > >> > > the webpage and the validation doesn't fire. Does anyone why this
> > >> > > happend?
> > >> > > -I really haven't used AJAX before so I don't know if this whole
> > >> > > shabang will work or where I should start. Can these two things
> > >> > > (Validation, Fancybox) be combined? If so, is the way that I proposed
> > >> > > a valid way to combine them or can I change what I am doing to
> > >> > > something more efficient?
>
> > >> > > Thanks!- Hide quoted text -
>
> > >> > - Show quoted text -- Hide quoted text -
>
> > >> - Show quoted text -- Hide quoted text -
>
> > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
[jQuery] Re: JQuery Form Validation & Fancybox
Sweet, that's exactly what I was looking for! Thanks so much for the help. Tim On Mar 12, 4:15 am, Jörn Zaefferer wrote: > Seehttp://jquery.bassistance.de/validate/demo/milk/ > > Jörn > > On Wed, Mar 11, 2009 at 10:19 PM, MonkeyBall2010 > > > > wrote: > > > I think I figured out the passing part. If I am reading the > > documentation correctly it seems that the variable is retrieved in > > your PHP file via the $_GET["var"] command (does this seem correct?). > > Now I have the ability to check the database for availability but then > > I'm stuck again. So the documentation states that response is > > evaluated as a JSON (true or false)... Can anyone provide me with an > > example of how to do this? > > > Thanks in Advance! > > > On Mar 11, 3:11 pm, MonkeyBall2010 wrote: > >> Thanks! Now how do I use it?!?! > > >> Hahah. Specifically, let's say I wanted to check on the availablility > >> of an email address. How do I pass that email address to my PHP > >> script? I couldn't seem to locate an example on the server side > >> script, only the JS. > > >> Tim > > >> On Mar 11, 3:11 am, Jörn Zaefferer > >> wrote: > > >> > Dunno about Fancybox, but you can use the remote method to check the > >> > username:http://docs.jquery.com/Plugins/Validation/Methods/remote > > >> > Jörn > > >> > On Tue, Mar 10, 2009 at 11:53 PM, MonkeyBall2010 > > >> > wrote: > > >> > > You'll have to forgive me if this question sounds easy but I am fairly > >> > > new to jQuery so I'm still learning things here. > > >> > > I'm trying to do the following: > > >> > > -Display a signup form with the Fancybox plugin (working) > >> > > -Validate the form, currently using the bassistance Validation plugin > >> > > (working) > >> > > -Dynamically check a MySQL database, via AJAX, to see if the username > >> > > is already taken () > >> > > -Once the form checks out then I want to upload the information to > >> > > MySQL > > >> > > The problems I am having right now are as follows: > > >> > > -The validation script will function correctly on the standalone > >> > > webpage. However, when I try to open the webpage via the Fancybox > >> > > plugin the validation ceases to work. The submit button will refresh > >> > > the webpage and the validation doesn't fire. Does anyone why this > >> > > happend? > >> > > -I really haven't used AJAX before so I don't know if this whole > >> > > shabang will work or where I should start. Can these two things > >> > > (Validation, Fancybox) be combined? If so, is the way that I proposed > >> > > a valid way to combine them or can I change what I am doing to > >> > > something more efficient? > > >> > > Thanks!- Hide quoted text - > > >> > - Show quoted text -- Hide quoted text - > > >> - Show quoted text -- Hide quoted text - > > - Show quoted text -
[jQuery] Re: JQuery Form Validation & Fancybox
I think I figured out the passing part. If I am reading the documentation correctly it seems that the variable is retrieved in your PHP file via the $_GET["var"] command (does this seem correct?). Now I have the ability to check the database for availability but then I'm stuck again. So the documentation states that response is evaluated as a JSON (true or false)... Can anyone provide me with an example of how to do this? Thanks in Advance! On Mar 11, 3:11 pm, MonkeyBall2010 wrote: > Thanks! Now how do I use it?!?! > > Hahah. Specifically, let's say I wanted to check on the availablility > of an email address. How do I pass that email address to my PHP > script? I couldn't seem to locate an example on the server side > script, only the JS. > > Tim > > On Mar 11, 3:11 am, Jörn Zaefferer > wrote: > > > > > Dunno about Fancybox, but you can use the remote method to check the > > username:http://docs.jquery.com/Plugins/Validation/Methods/remote > > > Jörn > > > On Tue, Mar 10, 2009 at 11:53 PM, MonkeyBall2010 > > > wrote: > > > > You'll have to forgive me if this question sounds easy but I am fairly > > > new to jQuery so I'm still learning things here. > > > > I'm trying to do the following: > > > > -Display a signup form with the Fancybox plugin (working) > > > -Validate the form, currently using the bassistance Validation plugin > > > (working) > > > -Dynamically check a MySQL database, via AJAX, to see if the username > > > is already taken () > > > -Once the form checks out then I want to upload the information to > > > MySQL > > > > The problems I am having right now are as follows: > > > > -The validation script will function correctly on the standalone > > > webpage. However, when I try to open the webpage via the Fancybox > > > plugin the validation ceases to work. The submit button will refresh > > > the webpage and the validation doesn't fire. Does anyone why this > > > happend? > > > -I really haven't used AJAX before so I don't know if this whole > > > shabang will work or where I should start. Can these two things > > > (Validation, Fancybox) be combined? If so, is the way that I proposed > > > a valid way to combine them or can I change what I am doing to > > > something more efficient? > > > > Thanks!- Hide quoted text - > > > - Show quoted text -- Hide quoted text - > > - Show quoted text -
[jQuery] Re: JQuery Form Validation & Fancybox
Thanks! Now how do I use it?!?! Hahah. Specifically, let's say I wanted to check on the availablility of an email address. How do I pass that email address to my PHP script? I couldn't seem to locate an example on the server side script, only the JS. Tim On Mar 11, 3:11 am, Jörn Zaefferer wrote: > Dunno about Fancybox, but you can use the remote method to check the > username:http://docs.jquery.com/Plugins/Validation/Methods/remote > > Jörn > > On Tue, Mar 10, 2009 at 11:53 PM, MonkeyBall2010 > > > > wrote: > > > You'll have to forgive me if this question sounds easy but I am fairly > > new to jQuery so I'm still learning things here. > > > I'm trying to do the following: > > > -Display a signup form with the Fancybox plugin (working) > > -Validate the form, currently using the bassistance Validation plugin > > (working) > > -Dynamically check a MySQL database, via AJAX, to see if the username > > is already taken () > > -Once the form checks out then I want to upload the information to > > MySQL > > > The problems I am having right now are as follows: > > > -The validation script will function correctly on the standalone > > webpage. However, when I try to open the webpage via the Fancybox > > plugin the validation ceases to work. The submit button will refresh > > the webpage and the validation doesn't fire. Does anyone why this > > happend? > > -I really haven't used AJAX before so I don't know if this whole > > shabang will work or where I should start. Can these two things > > (Validation, Fancybox) be combined? If so, is the way that I proposed > > a valid way to combine them or can I change what I am doing to > > something more efficient? > > > Thanks!- Hide quoted text - > > - Show quoted text -
[jQuery] JQuery Form Validation & Fancybox
You'll have to forgive me if this question sounds easy but I am fairly new to jQuery so I'm still learning things here. I'm trying to do the following: -Display a signup form with the Fancybox plugin (working) -Validate the form, currently using the bassistance Validation plugin (working) -Dynamically check a MySQL database, via AJAX, to see if the username is already taken () -Once the form checks out then I want to upload the information to MySQL The problems I am having right now are as follows: -The validation script will function correctly on the standalone webpage. However, when I try to open the webpage via the Fancybox plugin the validation ceases to work. The submit button will refresh the webpage and the validation doesn't fire. Does anyone why this happend? -I really haven't used AJAX before so I don't know if this whole shabang will work or where I should start. Can these two things (Validation, Fancybox) be combined? If so, is the way that I proposed a valid way to combine them or can I change what I am doing to something more efficient? Thanks!
