[jQuery] Re: Validation rules using alert() instead of message text

2010-01-27 Thread batrol
i got the basic sample there:
http://stackoverflow.com/questions/1458605/how-to-display-messages-in-invalidhandler-in-jquery-validator


Re: [jQuery] Re: Validation on a Modal form does not work

2010-01-18 Thread Nathan Klatt
> On Jan 7, 10:39 am, Elan Noy  wrote:
>> I have amodalform that I want to validate.
>> Themodalis based on the simplemodalplugin and thevalidationis
>> based onvalidationplugin.
>> Thevalidationworks well on a regular (nonmodal) form. ANy ideas?
>>
>>  

[jQuery] Re: Validation on a Modal form does not work

2010-01-18 Thread IntelliCAD
We have a similar problem. When trying to validate the modal dialog
box decides its tired and goes away. Not sure how to do validation on
the form without it disappearing...

On Jan 7, 10:39 am, Elan Noy  wrote:
> I have amodalform that I want to validate.
> Themodalis based on the simplemodalplugin and thevalidationis
> based onvalidationplugin.
> Thevalidationworks well on a regular (nonmodal) form. ANy ideas?
>
>  
>             jQuery.validator.addMethod("zip", function(value, element)
> {
>                 return this.optional(element) || value.match(/^((\d{5}-
> \d{4})|(\d{5})|([a-z]\d[a-z]\s?\d[a-z]\d))$/i);
>             }, "US or Canadian postal code only");
>             $(document).ready(function(){
>                 getaddressBook();
>                 $("#addAddress").validate({
>                     rules: {
>                         emzip: {
>                             required: true,
>                             zip: true,
>                         },
>                     },
>                 });
>             });
>         


[jQuery] Re: Validation

2010-01-14 Thread TexInWien
Try this:

 
         $(document).ready(function() {
                 $("#autoSumForm").validate({
                         rules: {
                                 p1001: {number: true},
                                 p1002: {number: true}
                         },
                         messages: {
                                 p1001: "",
                                 p1002: ""
                         },
                         submitHandler: function(form) {
                                 jQuery(form).ajaxSubmit();
                         }
                 });
         });
 

On Jan 13, 12:03 am, Seth  wrote:
> Hello,
>
> I'm using jquery with the form and validation plugins. I have this:
>
> 
>         $(document).ready(function() {
>                 $("#autoSumForm").validate({
>                         rules: {
>                                 p1001: {number: true},
>                                 p1002: {number: true}
>                         },
>                         messages: {
>                                 p1001: "",
>                                 p1002: ""
>                         }
>                 });
>
>                 $('#autoSumForm').ajaxForm(function() {
>                         alert("Time submitted.");
>                 });
>         });
> 
>
> The validation and the form submit both work, but the form submits
> even if not valid. How do I combine the two?
>
> Thanks.

[jQuery] Re: Validation Plugin

2010-01-10 Thread Adrian Lynch
Got any code to show us?

You need an event to fire off the remote call, either onBlur or
onClick of a button. You examine the returned data and act
accordingly.

Adrian

On Jan 10, 12:28 pm, Richard Beacroft  wrote:
> People enter an address to lookup on a google map, this makes an
> asynchronous call and will either return a lat/longitude or not. if
> not, i want to display an error to the user that an address could not
> be found.
>
> How do I go about this? I've not managed to get it working using the
> remote attribute as I really need to call a client-side js function
> which will in turn make the async call. Any suggestions?
>
> Regards,
> Rik


[jQuery] Re: (validation): remote rule causes submit to abort, fix included

2009-12-22 Thread KenGreer
No, it does not submit the form after the async request finishes. (I'm
using the latest 1.6)

Ken

On Dec 21, 6:30 am, Jörn Zaefferer 
wrote:
> The plugin will submit the form after the async request finishes. The
> remaining problem is that any submit-button won't be submitted. Maybe thats
> the problem you had?
>
> Jörn
>
>
>
> On Mon, Dec 21, 2009 at 8:15 AM, KenGreer  wrote:
> > With the validation plugin (http://bassistance.de/jquery-plugins/
> > jquery-plugin-validation/)
> > I included two "remote" rules to check
> > username and e-mail. If my form is loaded such that the username and e-
> > mail are already filled in, and, therefore, have not yet been
> > validated, and I click SUBMIT, validation proceeds just fine, but the
> > form does NOT submit! A second click of the submit button, however,
> > then works.
>
> > I speculated that this was because of pending ajax calls aborting the
> > submit. It seems my speculation held true. Right after my "$
> > (document).ready(function() { ..." I added the code:
>
> >        $.ajaxSetup( {
> >                async: false
> >        } );
>
> > to make the "remote" ajax calls synchronous and this fixed the
> > problem. Now clicking submit performs the validation and really does
> > submit.
>
> > Hopefully a more elegant solution will be found in the validation
> > plugin itself, but as a jquery newbie, I found reading the validation
> > plugin code daunting!


[jQuery] Re: validation method not working in ie

2009-11-30 Thread hcvitto
Has anyone any clue for this?

On Nov 27, 5:09 pm, hcvitto  wrote:
> Hi
> i'm using the validation plugin on a form. I added three methods to
> check that three select value are not equal but it doesn't work in ie.
> here's the page
>
> http://www.fepgroup.it/community/registrati__.php
>
> Any idea why?
>
> Thanks Vittorio


Re: [jQuery] Re: validation: how do I call a function to perform after a validation is done?

2009-11-19 Thread Atkinson, Sarah
Ok I'm using this
  invalidHandler: function(form, validator)  {
PossitionStuff.possitionErrors();  },
And it works but it doesn't fire till the second validation I need it to fire 
on the first go around too


On 11/18/09 4:06 PM, "StephenJacob"  wrote:

Hmm, i'm not really sure how to pull that off.  I would look into the
showErrors option or possibly the Valid function.

http://docs.jquery.com/Plugins/Validation/validate

http://docs.jquery.com/Plugins/Validation/valid

Good luck and let us know how things turn out for ya!


On Nov 18, 3:47 pm, "Atkinson, Sarah" 
wrote:
> I want the function to trigger when there are errors  it's to alter the 
> position of both the errors and other elements on the page.
>
> So I got the function to fire but I can't seem to changes the css on the 
> error boxes.
> $('label .error').css({'left' : basePossitionOffset.left});
> Does not work.
>
> I should be able to alter the error messages just like anyother element in 
> the DOM right?
>
> On 11/18/09 3:34 PM, "StephenJacob"  wrote:
>
> It depends on your method of validation. Here is the form/validation
> system I use for my contact form. Hope this helps!
>
> 
> 
> 
> 
>
> $(document).ready(function() {
>
> $("#contactForm").validate({
> rules: {
> fullname: {
> required: true,
> minlength: 2
> },
> email: {
> required: true,
> email: true
> },
> company: {
> required: true,
> minlength: 2
> },
> phone: {
> required: true,
> minlength: 2
> },
> },
> messages: {
> fullname: 'Please enter your 
> full name. span>',
> email: 'Please enter a valid 
> email address b>.',
> company: 'Please enter your 
> company. span>',
> phone: 'Please enter your 
> phone number. span>'
> },
> submitHandler: function(form) {
>
> $('#contactForm').ajaxSubmit({
> resetForm: true,
> target: '#success',
> success: function() {
> 
> $("#success").fadeIn('slow').fadeTo(5000, 1).fadeOut('slow');
> }
> });
> }
> });
>
> });
>
> 
>
> 
>
> //FORM GOES HERE
>
> 
>
> On Nov 18, 3:08 pm, "Atkinson, Sarah" 
> wrote:
>
> > Do I have to create a custom method and stick a function in there?



[jQuery] Re: validation: how do I call a function to perform after a validation is done?

Hmm, i'm not really sure how to pull that off.  I would look into the
showErrors option or possibly the Valid function.

http://docs.jquery.com/Plugins/Validation/validate

http://docs.jquery.com/Plugins/Validation/valid

Good luck and let us know how things turn out for ya!


On Nov 18, 3:47 pm, "Atkinson, Sarah" 
wrote:
> I want the function to trigger when there are errors  it's to alter the 
> position of both the errors and other elements on the page.
>
> So I got the function to fire but I can't seem to changes the css on the 
> error boxes.
>         $('label .error').css({'left' : basePossitionOffset.left});
> Does not work.
>
> I should be able to alter the error messages just like anyother element in 
> the DOM right?
>
> On 11/18/09 3:34 PM, "StephenJacob"  wrote:
>
> It depends on your method of validation. Here is the form/validation
> system I use for my contact form. Hope this helps!
>
> 
> 
> 
> 
>
> $(document).ready(function() {
>
>         $("#contactForm").validate({
>                 rules: {
>                         fullname: {
>                                 required: true,
>                                 minlength: 2
>                         },
>                         email: {
>                                 required: true,
>                                 email: true
>                         },
>                         company: {
>                                 required: true,
>                                 minlength: 2
>                         },
>                         phone: {
>                                 required: true,
>                                 minlength: 2
>                         },
>                 },
>                 messages: {
>                         fullname: 'Please enter your 
> full name. span>',
>                         email: 'Please enter a valid 
> email address b>.',
>                         company: 'Please enter your 
> company. span>',
>                         phone: 'Please enter your 
> phone number. span>'
>                 },
>                 submitHandler: function(form) {
>
>                         $('#contactForm').ajaxSubmit({
>                                 resetForm: true,
>                                 target: '#success',
>                                 success: function() {
>                                         
> $("#success").fadeIn('slow').fadeTo(5000, 1).fadeOut('slow');
>                                 }
>                         });
>                 }
>         });
>
> });
>
> 
>
> 
>
> //FORM GOES HERE
>
> 
>
> On Nov 18, 3:08 pm, "Atkinson, Sarah" 
> wrote:
>
> > Do I have to create a custom method and stick a function in there?


Re: [jQuery] Re: validation: how do I call a function to perform after a validation is done?

I want the function to trigger when there are errors  it's to alter the 
position of both the errors and other elements on the page.

So I got the function to fire but I can't seem to changes the css on the error 
boxes.
$('label .error').css({'left' : basePossitionOffset.left});
Does not work.

I should be able to alter the error messages just like anyother element in the 
DOM right?


On 11/18/09 3:34 PM, "StephenJacob"  wrote:

It depends on your method of validation. Here is the form/validation
system I use for my contact form. Hope this helps!






$(document).ready(function() {

$("#contactForm").validate({
rules: {
fullname: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
company: {
required: true,
minlength: 2
},
phone: {
required: true,
minlength: 2
},
},
messages: {
fullname: 'Please enter your 
full name.',
email: 'Please enter a valid 
email address.',
company: 'Please enter your 
company.',
phone: 'Please enter your phone 
number.'
},
submitHandler: function(form) {

$('#contactForm').ajaxSubmit({
resetForm: true,
target: '#success',
success: function() {

$("#success").fadeIn('slow').fadeTo(5000, 1).fadeOut('slow');
}
});
}
});

});





//FORM GOES HERE



On Nov 18, 3:08 pm, "Atkinson, Sarah" 
wrote:
> Do I have to create a custom method and stick a function in there?



[jQuery] Re: validation: how do I call a function to perform after a validation is done?

It depends on your method of validation. Here is the form/validation
system I use for my contact form. Hope this helps!






$(document).ready(function() {

$("#contactForm").validate({
rules: {
fullname: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
company: {
required: true,
minlength: 2
},
phone: {
required: true,
minlength: 2
},
},
messages: {
fullname: 'Please enter your 
full name.',
email: 'Please enter a valid 
email address.',
company: 'Please enter your 
company.',
phone: 'Please enter your phone 
number.'
},
submitHandler: function(form) {

$('#contactForm').ajaxSubmit({
resetForm: true,
target: '#success',
success: function() {

$("#success").fadeIn('slow').fadeTo(5000, 1).fadeOut('slow');
}
});
}
});

});





//FORM GOES HERE



On Nov 18, 3:08 pm, "Atkinson, Sarah" 
wrote:
> Do I have to create a custom method and stick a function in there?


[jQuery] Re: Validation plugin rules() ???

http://docs.jquery.com/Plugins/Validation/Methods

Also, I found it was worth while to look into jquery.validation.js
code.

On Nov 17, 8:55 am, "Atkinson, Sarah" 
wrote:
> Is there a list somewhere of what the options are for the rules (required, 
> email)
> I can't seem to find more info on this in the jquery site.


[jQuery] Re: Validation Plugin + jNice

Ahhh...

Ok, I might opt for just putting an error message after the element
instead then rather than creating a box like i'm doing now.

Many thanks Jorn for your help!

On Nov 13, 5:43 pm, Jörn Zaefferer 
wrote:
> Then this:
>
> ,success: function(element){
> 157 var errorDiv = element.parents('.error');
> 158 element.remove();
> 159 errorDiv.siblings().remove();
> 160 errorDiv.replaceWith(errorDiv.children());
> 161 }
>
> You replace the div? That causing the DOM to rerender, including the input,
> killing the focus.
>
> Jörn
>
> On Fri, Nov 13, 2009 at 6:17 PM, Samuurai  wrote:
> > Strangely, It seems to be doing it even after removing jNice. - I've
> > updated the test site.
>
> > On Nov 13, 4:23 pm, Jörn Zaefferer 
> > wrote:
> > > Looks like jNice is causing that issue. Did you try removing that to see
> > > what happens?
>
> > > Jörn
>
> > > On Fri, Nov 13, 2009 at 4:58 PM, Samuurai  wrote:
> > > > Yeah..
>
> > > >www.racedaystaff.com-log in as jorn/jorn then click "proceed to
> > > > site" then click "register" at the top.
>
> > > > Thanks for looking at this !
>
> > > > On Nov 13, 3:51 pm, Jörn Zaefferer 
> > > > wrote:
> > > > > Do you have a testpage?
>
> > > > > Jörn
>
> > > > > On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > > > > > I'm having a strange problem with jNice and the validation plugin.
>
> > > > > > Probably the easiest way to describe the error is by giving an
> > > > > > example.
>
> > > > > > I load the page with my form on it, then without typing anything, I
> > > > > > click submit. The jQuery validation plugin puts errors around my
> > > > > > fields saying "This field is required".
>
> > > > > > However, when I try to type something into the input fields to
> > satisfy
> > > > > > the validation, I can type a couple of letters, three or four if
> > i'm
> > > > > > really fast, but as the validation plugin removes the error box, it
> > > > > > shifts focus away from the input box.
>
> > > > > > Strangely, this same behaviour continues on the same field even
> > after
> > > > > > the error box has been removed.. the focus gets 'stolen'.
>
> > > > > > Has anyone had any experience using jQuery validation plugin with
> > > > > > jNice?


Re: [jQuery] Re: Validation Plugin + jNice

Then this:

,success: function(element){
157 var errorDiv = element.parents('.error');
158 element.remove();
159 errorDiv.siblings().remove();
160 errorDiv.replaceWith(errorDiv.children());
161 }

You replace the div? That causing the DOM to rerender, including the input,
killing the focus.

Jörn


On Fri, Nov 13, 2009 at 6:17 PM, Samuurai  wrote:

> Strangely, It seems to be doing it even after removing jNice. - I've
> updated the test site.
>
> On Nov 13, 4:23 pm, Jörn Zaefferer 
> wrote:
> > Looks like jNice is causing that issue. Did you try removing that to see
> > what happens?
> >
> > Jörn
> >
> > On Fri, Nov 13, 2009 at 4:58 PM, Samuurai  wrote:
> > > Yeah..
> >
> > >www.racedaystaff.com- log in as jorn/jorn then click "proceed to
> > > site" then click "register" at the top.
> >
> > > Thanks for looking at this !
> >
> > > On Nov 13, 3:51 pm, Jörn Zaefferer 
> > > wrote:
> > > > Do you have a testpage?
> >
> > > > Jörn
> >
> > > > On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > > > > I'm having a strange problem with jNice and the validation plugin.
> >
> > > > > Probably the easiest way to describe the error is by giving an
> > > > > example.
> >
> > > > > I load the page with my form on it, then without typing anything, I
> > > > > click submit. The jQuery validation plugin puts errors around my
> > > > > fields saying "This field is required".
> >
> > > > > However, when I try to type something into the input fields to
> satisfy
> > > > > the validation, I can type a couple of letters, three or four if
> i'm
> > > > > really fast, but as the validation plugin removes the error box, it
> > > > > shifts focus away from the input box.
> >
> > > > > Strangely, this same behaviour continues on the same field even
> after
> > > > > the error box has been removed.. the focus gets 'stolen'.
> >
> > > > > Has anyone had any experience using jQuery validation plugin with
> > > > > jNice?
>


[jQuery] Re: Validation Plugin + jNice

Strangely, It seems to be doing it even after removing jNice. - I've
updated the test site.

On Nov 13, 4:23 pm, Jörn Zaefferer 
wrote:
> Looks like jNice is causing that issue. Did you try removing that to see
> what happens?
>
> Jörn
>
> On Fri, Nov 13, 2009 at 4:58 PM, Samuurai  wrote:
> > Yeah..
>
> >www.racedaystaff.com- log in as jorn/jorn then click "proceed to
> > site" then click "register" at the top.
>
> > Thanks for looking at this !
>
> > On Nov 13, 3:51 pm, Jörn Zaefferer 
> > wrote:
> > > Do you have a testpage?
>
> > > Jörn
>
> > > On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > > > I'm having a strange problem with jNice and the validation plugin.
>
> > > > Probably the easiest way to describe the error is by giving an
> > > > example.
>
> > > > I load the page with my form on it, then without typing anything, I
> > > > click submit. The jQuery validation plugin puts errors around my
> > > > fields saying "This field is required".
>
> > > > However, when I try to type something into the input fields to satisfy
> > > > the validation, I can type a couple of letters, three or four if i'm
> > > > really fast, but as the validation plugin removes the error box, it
> > > > shifts focus away from the input box.
>
> > > > Strangely, this same behaviour continues on the same field even after
> > > > the error box has been removed.. the focus gets 'stolen'.
>
> > > > Has anyone had any experience using jQuery validation plugin with
> > > > jNice?


Re: [jQuery] Re: Validation Plugin + jNice

Looks like jNice is causing that issue. Did you try removing that to see
what happens?

Jörn

On Fri, Nov 13, 2009 at 4:58 PM, Samuurai  wrote:

> Yeah..
>
> www.racedaystaff.com - log in as jorn/jorn then click "proceed to
> site" then click "register" at the top.
>
> Thanks for looking at this !
>
> On Nov 13, 3:51 pm, Jörn Zaefferer 
> wrote:
> > Do you have a testpage?
> >
> > Jörn
> >
> > On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > > I'm having a strange problem with jNice and the validation plugin.
> >
> > > Probably the easiest way to describe the error is by giving an
> > > example.
> >
> > > I load the page with my form on it, then without typing anything, I
> > > click submit. The jQuery validation plugin puts errors around my
> > > fields saying "This field is required".
> >
> > > However, when I try to type something into the input fields to satisfy
> > > the validation, I can type a couple of letters, three or four if i'm
> > > really fast, but as the validation plugin removes the error box, it
> > > shifts focus away from the input box.
> >
> > > Strangely, this same behaviour continues on the same field even after
> > > the error box has been removed.. the focus gets 'stolen'.
> >
> > > Has anyone had any experience using jQuery validation plugin with
> > > jNice?
>


[jQuery] Re: Validation Plugin + jNice

Sorry - I have a goldfish memory today. - Repeating myself :p

On Nov 13, 4:01 pm, Samuurai  wrote:
> Oh - Log in as jorn/jorn
>
> On Nov 13, 3:58 pm, Samuurai  wrote:
>
> > Yeah..
>
> >www.racedaystaff.com-log in as jorn/jorn then click "proceed to
> > site" then click "register" at the top.
>
> > Thanks for looking at this !
>
> > On Nov 13, 3:51 pm, Jörn Zaefferer 
> > wrote:
>
> > > Do you have a testpage?
>
> > > Jörn
>
> > > On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > > > I'm having a strange problem with jNice and the validation plugin.
>
> > > > Probably the easiest way to describe the error is by giving an
> > > > example.
>
> > > > I load the page with my form on it, then without typing anything, I
> > > > click submit. The jQuery validation plugin puts errors around my
> > > > fields saying "This field is required".
>
> > > > However, when I try to type something into the input fields to satisfy
> > > > the validation, I can type a couple of letters, three or four if i'm
> > > > really fast, but as the validation plugin removes the error box, it
> > > > shifts focus away from the input box.
>
> > > > Strangely, this same behaviour continues on the same field even after
> > > > the error box has been removed.. the focus gets 'stolen'.
>
> > > > Has anyone had any experience using jQuery validation plugin with
> > > > jNice?


[jQuery] Re: Validation Plugin + jNice

Oh - Log in as jorn/jorn

On Nov 13, 3:58 pm, Samuurai  wrote:
> Yeah..
>
> www.racedaystaff.com- log in as jorn/jorn then click "proceed to
> site" then click "register" at the top.
>
> Thanks for looking at this !
>
> On Nov 13, 3:51 pm, Jörn Zaefferer 
> wrote:
>
> > Do you have a testpage?
>
> > Jörn
>
> > On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > > I'm having a strange problem with jNice and the validation plugin.
>
> > > Probably the easiest way to describe the error is by giving an
> > > example.
>
> > > I load the page with my form on it, then without typing anything, I
> > > click submit. The jQuery validation plugin puts errors around my
> > > fields saying "This field is required".
>
> > > However, when I try to type something into the input fields to satisfy
> > > the validation, I can type a couple of letters, three or four if i'm
> > > really fast, but as the validation plugin removes the error box, it
> > > shifts focus away from the input box.
>
> > > Strangely, this same behaviour continues on the same field even after
> > > the error box has been removed.. the focus gets 'stolen'.
>
> > > Has anyone had any experience using jQuery validation plugin with
> > > jNice?


[jQuery] Re: Validation Plugin + jNice

Yeah..

www.racedaystaff.com - log in as jorn/jorn then click "proceed to
site" then click "register" at the top.

Thanks for looking at this !

On Nov 13, 3:51 pm, Jörn Zaefferer 
wrote:
> Do you have a testpage?
>
> Jörn
>
> On Fri, Nov 13, 2009 at 4:40 PM, Samuurai  wrote:
> > I'm having a strange problem with jNice and the validation plugin.
>
> > Probably the easiest way to describe the error is by giving an
> > example.
>
> > I load the page with my form on it, then without typing anything, I
> > click submit. The jQuery validation plugin puts errors around my
> > fields saying "This field is required".
>
> > However, when I try to type something into the input fields to satisfy
> > the validation, I can type a couple of letters, three or four if i'm
> > really fast, but as the validation plugin removes the error box, it
> > shifts focus away from the input box.
>
> > Strangely, this same behaviour continues on the same field even after
> > the error box has been removed.. the focus gets 'stolen'.
>
> > Has anyone had any experience using jQuery validation plugin with
> > jNice?


[jQuery] Re: (validation) Validation plugin submitHandler

Also, that doesn't explain why the form still submits when I call
form.submit(). Since submit is no longer a function, the form should
never get submitted in that case.

On Nov 12, 2:05 pm, Jörn Zaefferer 
wrote:
> Use a different name for the submit-button. Using name="submit" you override
> the actual submit-function of the form. Keep in mind that in the DOM API,
> you can access any form element as a property of the form, referenced by
> name.
>
> Jörn
>
> On Thu, Nov 12, 2009 at 8:48 PM, mcrawford  wrote:
> > I'm totally stumped with the submitHandler. Here is my test page, down
> > below. I'm using PHP just to print out the form variables but
> > obviously you could adapt the HTML for anything.
>
> > Notice that I have set my Submit button to have name="submit" which
> > means that, in the submitHandler, form.submit() is not a function. I
> > get a JavaScript error on that line, but (and this is what I can't
> > figure out), the form still submits.
>
> > I can change the Submit button to have a different name, like
> > name="sbmt". That avoids the JS error on the form.submit() line. But
> > then (and I don't get this either), if you click the Cancel button,
> > that value of cancel=Cancel will not get sent in the post. With the
> > Submit button named "submit" the cancel=Cancel gets posted correctly
> > when you click on that button.
>
> >  > if (!empty($_POST)) {
> >        print_r($_POST);
> > }
> > ?>
>
> > http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
> >        
> >                TEST
> >                
> >                 > src="/js/jquery-1.3.2.js">
> >                
> >        
> >        
> >                 > id="the-form">
> >                         > value="something"/>
> >                         > value="Do it
> > now!"/>
> >                         > name="cancel"
> > value="Cancel"/>
> >                
> >                
> >                        $(function() {
> >                                // VALIDATION
> >                                $("#the-form").validate({
> >                                        submitHandler: function(form) {
> >                                                $('input[name=submit]',
> > '#the-form').attr('disabled',
> > 'disabled');
> >                                                form.submit();
> >                                        }
> >                                });
> >                        });
> >                
> >        
> > 
>
>


[jQuery] Re: (validation) Validation plugin submitHandler

Right, thanks. I mentioned that in my initial post.

But if I rename the submit-button, if you click the Cancel button,
that value of cancel=Cancel will not get sent in the post.

Any ideas why?

On Nov 12, 2:05 pm, Jörn Zaefferer 
wrote:
> Use a different name for the submit-button. Using name="submit" you override
> the actual submit-function of the form. Keep in mind that in the DOM API,
> you can access any form element as a property of the form, referenced by
> name.
>
> Jörn
>
> On Thu, Nov 12, 2009 at 8:48 PM, mcrawford  wrote:
> > I'm totally stumped with the submitHandler. Here is my test page, down
> > below. I'm using PHP just to print out the form variables but
> > obviously you could adapt the HTML for anything.
>
> > Notice that I have set my Submit button to have name="submit" which
> > means that, in the submitHandler, form.submit() is not a function. I
> > get a JavaScript error on that line, but (and this is what I can't
> > figure out), the form still submits.
>
> > I can change the Submit button to have a different name, like
> > name="sbmt". That avoids the JS error on the form.submit() line. But
> > then (and I don't get this either), if you click the Cancel button,
> > that value of cancel=Cancel will not get sent in the post. With the
> > Submit button named "submit" the cancel=Cancel gets posted correctly
> > when you click on that button.
>
> >  > if (!empty($_POST)) {
> >        print_r($_POST);
> > }
> > ?>
>
> > http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
> >        
> >                TEST
> >                
> >                 > src="/js/jquery-1.3.2.js">
> >                
> >        
> >        
> >                 > id="the-form">
> >                         > value="something"/>
> >                         > value="Do it
> > now!"/>
> >                         > name="cancel"
> > value="Cancel"/>
> >                
> >                
> >                        $(function() {
> >                                // VALIDATION
> >                                $("#the-form").validate({
> >                                        submitHandler: function(form) {
> >                                                $('input[name=submit]',
> > '#the-form').attr('disabled',
> > 'disabled');
> >                                                form.submit();
> >                                        }
> >                                });
> >                        });
> >                
> >        
> > 
>
>


[jQuery] Re: Validation

Read this documentation page on try to achieve what you want:

http://docs.jquery.com/Plugins/Validation/Methods/remote

On Oct 27, 1:08 pm, Ryan  wrote:
> I have seriously been fighting this issue for hours.  I would
> appreciate some advice when someone gets a chance.
>
> I am wanting to check my database to determine if this user already
> exists.  I thought I could just add the method to the validation.
> Evidently I'm doing something wrong.  Here is the code.
>
>                 

[jQuery] Re: validation plugin addMethod does not work for me.


Thanks Leonardo...

I figured it out after digging through several examples. The
documentation for this plugin has a huge gap in it. It shows an
example of how to define a custom validator but no where does it
explain how to use it. The trick being as you mentioned, defining it
in the Rules or you can put the name of your custom validator in the
class attribute of the field it applies to.

The sad part is after hours of struggling with this it does not work
as I had hoped it would. I am prompting the user for input and based
on their response I would like to either cancel the form submit or
allow it to continue.




On Oct 22, 11:48 am, Leonardo K  wrote:
> One thing is your method name and other is your field name. If the name of
> your field is company and your method is company so:
>
> rules:{
>     company:{
>          company:true
>     }
>
> }
>
> Maybe is better rename your method to not confuse.
>
> On Thu, Oct 22, 2009 at 13:24, JMan  wrote:
>
> > Still no go... below is my code. I just want to pop a dialog to ask
> > the user if they are sure they want to leave the company name blank.
> > The field is not required. I thought it would be easier than this? I
> > can't get teh addMethod to work or fire at all on validation.
>
> > //validates the form
> >                var validator = frmSubmittal.validate({
> >                                                         debug: false,
> >                                                        focusCleanup: false,
> >                                                        focusInvalid: false,
> >                                                        onfocusout: false,
> >                                                        onkeyup: false,
> >                                                        errorPlacement:
> > function(error, element) {error.prependTo
> > ( element.parents("div.ctrlHolder"));},
> >                                                        errorElement:'div',
>
> >  errorClass:'valerror',
> >                                                        rules: {
>
> >  restitutionaddress: {required: "#sameAsBusinessAddress
> > [checked='false']"},
>
> >  restitutioncity: {required: "#sameAsBusinessAddress
> > [checked='false']"},
>
> >  restitutionstate: {required: "#sameAsBusinessAddress
> > [checked='false']"},
>
> >  restitutionzipcode: {required: "#sameAsBusinessAddress
> > [checked='false']"},
>
> >  company:true
> >                                                                 }
>
> >                });
>
> >                $.validator.addMethod( "company", function(value, element)
> > {alert
> > ("hello"); return false;}, "Enter a Company Name" );
>
> > On Oct 21, 9:18 pm, Leonardo K  wrote:
> > > U need set the rules for your validation:
>
> > > frmSubmittal.validate({
> > >     debug: false,
> > >     focusCleanup: false,
> > >     focusInvalid: false,
> > >     onfocusout: false,
> > >     onkeyup: false,
> > >     errorPlacement: function(error, element) {
> > >         error.prependTo( element.parents("div.ctrlHolder"));
> > >     },
> > >     errorElement:'div',
> > >     errorClass:'valerror',
> > >     rules:{
> > >         nameField:{
> > >             company:true
> > >         }
> > >     }
>
> > > });
> > > On Wed, Oct 21, 2009 at 22:04, JMan  wrote:
>
> > > > what am I doing wrong here? I cannot figure out how to use the
> > > > addMethod().
>
> > > > var frmSubmittal = $("#frmSubmittal");
>
> > > > //validates the form
> > > > frmSubmittal.validate({
> > > >                                                        debug: false,
> > > >                                                        focusCleanup:
> > false,
> > > >                                                        focusInvalid:
> > false,
> > > >                                                        onfocusout:
> > false,
> > > >                                                        onkeyup: false,
> > > >                                                        errorPlacement:
> > > > function(error, element) {error.prependTo
> > > > ( element.parents("div.ctrlHolder"));},
>
> >  errorElement:'div',
>
> > > >  errorClass:'valerror'
>
> > > > });
>
> > > > $.validator.addMethod( "company", function(value, element) {alert
> > > > ("hello"); return false;}, "Enter a Company Name" );


[jQuery] Re: validation plugin addMethod does not work for me.

One thing is your method name and other is your field name. If the name of
your field is company and your method is company so:

rules:{
company:{
 company:true
}
}

Maybe is better rename your method to not confuse.


On Thu, Oct 22, 2009 at 13:24, JMan  wrote:

>
> Still no go... below is my code. I just want to pop a dialog to ask
> the user if they are sure they want to leave the company name blank.
> The field is not required. I thought it would be easier than this? I
> can't get teh addMethod to work or fire at all on validation.
>
>
> //validates the form
>var validator = frmSubmittal.validate({
> debug: false,
>focusCleanup: false,
>focusInvalid: false,
>onfocusout: false,
>onkeyup: false,
>errorPlacement:
> function(error, element) {error.prependTo
> ( element.parents("div.ctrlHolder"));},
>errorElement:'div',
>
>  errorClass:'valerror',
>rules: {
>
>  restitutionaddress: {required: "#sameAsBusinessAddress
> [checked='false']"},
>
>  restitutioncity: {required: "#sameAsBusinessAddress
> [checked='false']"},
>
>  restitutionstate: {required: "#sameAsBusinessAddress
> [checked='false']"},
>
>  restitutionzipcode: {required: "#sameAsBusinessAddress
> [checked='false']"},
>
>  company:true
> }
>
>});
>
>$.validator.addMethod( "company", function(value, element)
> {alert
> ("hello"); return false;}, "Enter a Company Name" );
>
>
>
>
>
>
> On Oct 21, 9:18 pm, Leonardo K  wrote:
> > U need set the rules for your validation:
> >
> > frmSubmittal.validate({
> > debug: false,
> > focusCleanup: false,
> > focusInvalid: false,
> > onfocusout: false,
> > onkeyup: false,
> > errorPlacement: function(error, element) {
> > error.prependTo( element.parents("div.ctrlHolder"));
> > },
> > errorElement:'div',
> > errorClass:'valerror',
> > rules:{
> > nameField:{
> > company:true
> > }
> > }
> >
> > });
> > On Wed, Oct 21, 2009 at 22:04, JMan  wrote:
> >
> > > what am I doing wrong here? I cannot figure out how to use the
> > > addMethod().
> >
> > > var frmSubmittal = $("#frmSubmittal");
> >
> > > //validates the form
> > > frmSubmittal.validate({
> > >debug: false,
> > >focusCleanup:
> false,
> > >focusInvalid:
> false,
> > >onfocusout:
> false,
> > >onkeyup: false,
> > >errorPlacement:
> > > function(error, element) {error.prependTo
> > > ( element.parents("div.ctrlHolder"));},
> > >
>  errorElement:'div',
> >
> > >  errorClass:'valerror'
> >
> > > });
> >
> > > $.validator.addMethod( "company", function(value, element) {alert
> > > ("hello"); return false;}, "Enter a Company Name" );
>


[jQuery] Re: validation plugin addMethod does not work for me.


Still no go... below is my code. I just want to pop a dialog to ask
the user if they are sure they want to leave the company name blank.
The field is not required. I thought it would be easier than this? I
can't get teh addMethod to work or fire at all on validation.


//validates the form
var validator = frmSubmittal.validate({
debug: false,
focusCleanup: false,
focusInvalid: false,
onfocusout: false,
onkeyup: false,
errorPlacement: 
function(error, element) {error.prependTo
( element.parents("div.ctrlHolder"));},
errorElement:'div',
errorClass:'valerror',
rules: {

restitutionaddress: {required: "#sameAsBusinessAddress
[checked='false']"},

restitutioncity: {required: "#sameAsBusinessAddress
[checked='false']"},

restitutionstate: {required: "#sameAsBusinessAddress
[checked='false']"},

restitutionzipcode: {required: "#sameAsBusinessAddress
[checked='false']"},

company:true
}

});

$.validator.addMethod( "company", function(value, element) 
{alert
("hello"); return false;}, "Enter a Company Name" );






On Oct 21, 9:18 pm, Leonardo K  wrote:
> U need set the rules for your validation:
>
> frmSubmittal.validate({
>     debug: false,
>     focusCleanup: false,
>     focusInvalid: false,
>     onfocusout: false,
>     onkeyup: false,
>     errorPlacement: function(error, element) {
>         error.prependTo( element.parents("div.ctrlHolder"));
>     },
>     errorElement:'div',
>     errorClass:'valerror',
>     rules:{
>         nameField:{
>             company:true
>         }
>     }
>
> });
> On Wed, Oct 21, 2009 at 22:04, JMan  wrote:
>
> > what am I doing wrong here? I cannot figure out how to use the
> > addMethod().
>
> > var frmSubmittal = $("#frmSubmittal");
>
> > //validates the form
> > frmSubmittal.validate({
> >                                                        debug: false,
> >                                                        focusCleanup: false,
> >                                                        focusInvalid: false,
> >                                                        onfocusout: false,
> >                                                        onkeyup: false,
> >                                                        errorPlacement:
> > function(error, element) {error.prependTo
> > ( element.parents("div.ctrlHolder"));},
> >                                                        errorElement:'div',
>
> >  errorClass:'valerror'
>
> > });
>
> > $.validator.addMethod( "company", function(value, element) {alert
> > ("hello"); return false;}, "Enter a Company Name" );


[jQuery] Re: validation plugin addMethod does not work for me.

U need set the rules for your validation:

frmSubmittal.validate({
debug: false,
focusCleanup: false,
focusInvalid: false,
onfocusout: false,
onkeyup: false,
errorPlacement: function(error, element) {
error.prependTo( element.parents("div.ctrlHolder"));
},
errorElement:'div',
errorClass:'valerror',
rules:{
nameField:{
company:true
}
}

});


On Wed, Oct 21, 2009 at 22:04, JMan  wrote:

>
> what am I doing wrong here? I cannot figure out how to use the
> addMethod().
>
> var frmSubmittal = $("#frmSubmittal");
>
> //validates the form
> frmSubmittal.validate({
>debug: false,
>focusCleanup: false,
>focusInvalid: false,
>onfocusout: false,
>onkeyup: false,
>errorPlacement:
> function(error, element) {error.prependTo
> ( element.parents("div.ctrlHolder"));},
>errorElement:'div',
>
>  errorClass:'valerror'
>
> });
>
> $.validator.addMethod( "company", function(value, element) {alert
> ("hello"); return false;}, "Enter a Company Name" );
>


[jQuery] Re: validation: preprocessing form fields ?



apparenty not :-)

just for the record - i'm doing things like this:


jQuery.validator.addMethod(
"lowercase", function(value, element) {
jQuery(element).val(value.toLowerCase());
return true;
},""
)


which i can then apply in validation like


var validator = $("#myform").validate({
rules: {
"myfield": "lowercase"
}
})


clearly, thats not really validation, but the issue is it needs to be
executed right before other validation, at the same moments
interfacewise ...

$2c,
*-pike


[jQuery] Re: Validation plugin: textarea to allow only digits, but allowing linebreaks?

You can create your own validate method:
http://docs.jquery.com/Plugins/Validation/Validator/addMethod#namemethodmessage

jQuery.validator.addMethod("digitsAndLineBreak", function(value, element) {
return /^[\d|\n]+$/.test(value);
}, "Please enter only digits");

then:

$("#quicksend_form").validate({
rules: {
recepients: {
required: true,
digitsAndLineBreak: true,
minlength: 10
}
}
});

On Thu, Oct 15, 2009 at 15:57, Renie  wrote:

>
> I'm using the Jquery Validation Plugin on my site, and I have a
> textfield that validates to only allow numbers. However, that also
> doesn't allow linebreaks - which I need to have! Is there a way around
> this?
>
> Here's the working code:
>
>
> 
> 
> http://code.jquery.com/jquery-latest.js";>
> http://dev.jquery.com/view/trunk/
> plugins/validate/jquery.validate.js<http://dev.jquery.com/view/trunk/%0Aplugins/validate/jquery.validate.js>
> ">
> 
> $(document).ready(function() { // Doc Ready Functions
>
> $("#quicksend_form").validate({
>rules: {
>recepients: {
>  required: true,
>  digits: true,
>  minlength: 10
>}
>}
> });
>
> }); // Doc Ready Functions
> 
>
> 
>
> 
>
>  name="quicksend_form" id="quicksend_form">
> 
> 
> 
>
>  
>


[jQuery] Re: Validation: Form with multiple submit buttons having different validation rules


I have seen the login form example (http://jquery.bassistance.de/
validate/demo/login/), but I cannot use it as I have to manually
change css classes for all required elements.

Can someone help me out in this issue? Should I write custom methods
for this?

On Oct 2, 10:14 pm, NovoGeek  wrote:
> Hi all,
> I tried searching for similar issues but couldn't find a satisfying
> answer. So posting it here.
> I have a form with multiple fieldsets which are visible conditionally.
> There are three submit buttons "Abandon", "Save" and "Save &
> Continue". Each button should validate specific controls of the form
> and submit it.
>
> I tried setting "onsubmit: false" and checking for "$('#myForm').valid
> ()" on click of these buttons., but that validates all controls of the
> form. Can someone suggest me what I should do?


[jQuery] Re: Validation help needed


You should not be calling submit() first. You only call it after
everything is validated. This can be as easy as a if-statement. Here's
a simple example. Modify it to work with your scenrio.

$(function() {
$('#testForm').bind('submit', function() {
$(this).validate(validation_options);
var valid = $(this).valid();
if (valid) {
// do your ajax
}
});
});

var validation_options = {
  // set your options here
};

On Oct 2, 9:13 am, coachz  wrote:
>  when i run "this.submit();"  i submit my ajax request, so how can i
> get the validate to fire on invalidHandler and submitHandler so I will
> only run this.submit(); when it passes validation  ?  Currently the
> validator does not validate the form at all on submit,  I need it to
> cancel the submit if there are validation issues and submit if there
> are none.
>
> function submitForm(form) {
>
>         this.submit();
>
>         $("#frmAddTask").validate({
>                         errorPlacement: function(error, element)  { 
> error.insertAfter
> (element); },
>                         invalidHandler: function(form, validator) { 
> alert("validation
> failed"); },
>                         submitHandler: function(form, validator) { 
> alert("validation
> passed"); },
>                         rules: { title: { required: true,       minlength: 5 }
>                 }
>         });
>
> }
>
> // Build Add a New Task pop up dialog
> // Instantiate the Add a New Task pop up dialog
> YAHOO.util.Dom.removeClass('dlgAddTask', 'hideForm');
> YAHOO.techdocs.dlgAddTask = new YAHOO.widget.Dialog("dlgAddTask",
>         { width : "50em", height: "32em", fixedcenter : true, visible :
> false, constraintoviewport : true, close: false,
>           buttons : [ { text:"Submit", handler:submitForm,
> isDefault:true },
>                            { text:"Cancel", handler:function() 
> {this.cancel();} } ]
>         });


[jQuery] Re: (validation) removal of error message problem


Cleaned up the test page:

http://pastie.org/627561

On Sep 23, 10:35 am, chief7  wrote:
> I created a test page -http://pastie.org/627543
>
> steps to reproduce:
>
> -open the page in a browser
> -add a letter to one of the amount inputs
> -click on another input
> -the validation should show
> -go back to the same input and remove the letter you added
> -the error should be hidden but its not
>
> On Sep 23, 8:29 am, chief7  wrote:
>
>
>
> > Still 0.
>
> > On Sep 23, 8:20 am, Jörn Zaefferer 
> > wrote:
>
> > > Try this:
>
> > > $("label[for='orders[4].elements[2].Value']").length
>
> > > On Wed, Sep 23, 2009 at 3:17 PM, chief7  wrote:
>
> > > > i can't reproduce on a test page.  I updated to 1.5.5, but no change.
>
> > > > the page in question is dynamically generated using AJAX data calls.
>
> > > > i can see the error label in the js console:
>
> > > >>>$("label.error").length
> > > > 1
> > > >>>$("label.error").toHtml()
> > > > " > > > generated="true">Only numeric values are permitted."
>
> > > > but the 'for' attribute selector in the errorsFor method doesn't
> > > > work.  it doesn't work from the console either:
>
> > > >>>$("label([for='orders[4].elements[2].Value'])").length
> > > > 0
>
> > > > On Sep 22, 4:48 pm, Jörn Zaefferer 
> > > > wrote:
> > > >> Please update to 1.5.5 - also, please provide a testpage, otherwise I
> > > >> can't help.
>
> > > >> Jörn
>
> > > >> On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>
> > > >> > fyi - using jquery.validate.js version 1.5.2
>
> > > >> > On Sep 22, 3:39 pm, chief7  wrote:
> > > >> >> looks like this issue is caused by the name of the input.  the name 
> > > >> >> is
> > > >> >> "orders[5].elements[2].Value" which an attribute selector won't find
> > > >> >> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name 
> > > >> >> is
> > > >> >> "elements[2].Value" it works fine.
>
> > > >> >> the 'for' attribute selector is used on line 630 of 
> > > >> >> jquery.validate.js
>
> > > >> >> On Sep 22, 7:32 am, chief7  wrote:
>
> > > >> >> > the validation error message isn't removed/hidden after i fix an
> > > >> >> > invalid input.  If I make the input invalid again another error
> > > >> >> > message is appended below the first error message.
>
> > > >> >> > error messages are added/removed appropriately on all other pages.
> > > >> >> > this problem is only occurring on one page.- Hide quoted text -
>
> > > >> >> - Show quoted text -- 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: (validation) removal of error message problem


I created a test page - http://pastie.org/627543

steps to reproduce:

-open the page in a browser
-add a letter to one of the amount inputs
-click on another input
-the validation should show
-go back to the same input and remove the letter you added
-the error should be hidden but its not


On Sep 23, 8:29 am, chief7  wrote:
> Still 0.
>
> On Sep 23, 8:20 am, Jörn Zaefferer 
> wrote:
>
>
>
> > Try this:
>
> > $("label[for='orders[4].elements[2].Value']").length
>
> > On Wed, Sep 23, 2009 at 3:17 PM, chief7  wrote:
>
> > > i can't reproduce on a test page.  I updated to 1.5.5, but no change.
>
> > > the page in question is dynamically generated using AJAX data calls.
>
> > > i can see the error label in the js console:
>
> > >>>$("label.error").length
> > > 1
> > >>>$("label.error").toHtml()
> > > " > > generated="true">Only numeric values are permitted."
>
> > > but the 'for' attribute selector in the errorsFor method doesn't
> > > work.  it doesn't work from the console either:
>
> > >>>$("label([for='orders[4].elements[2].Value'])").length
> > > 0
>
> > > On Sep 22, 4:48 pm, Jörn Zaefferer 
> > > wrote:
> > >> Please update to 1.5.5 - also, please provide a testpage, otherwise I
> > >> can't help.
>
> > >> Jörn
>
> > >> On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>
> > >> > fyi - using jquery.validate.js version 1.5.2
>
> > >> > On Sep 22, 3:39 pm, chief7  wrote:
> > >> >> looks like this issue is caused by the name of the input.  the name is
> > >> >> "orders[5].elements[2].Value" which an attribute selector won't find
> > >> >> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
> > >> >> "elements[2].Value" it works fine.
>
> > >> >> the 'for' attribute selector is used on line 630 of jquery.validate.js
>
> > >> >> On Sep 22, 7:32 am, chief7  wrote:
>
> > >> >> > the validation error message isn't removed/hidden after i fix an
> > >> >> > invalid input.  If I make the input invalid again another error
> > >> >> > message is appended below the first error message.
>
> > >> >> > error messages are added/removed appropriately on all other pages.
> > >> >> > this problem is only occurring on one page.- 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: (validation) removal of error message problem


Still 0.

On Sep 23, 8:20 am, Jörn Zaefferer 
wrote:
> Try this:
>
> $("label[for='orders[4].elements[2].Value']").length
>
>
>
> On Wed, Sep 23, 2009 at 3:17 PM, chief7  wrote:
>
> > i can't reproduce on a test page.  I updated to 1.5.5, but no change.
>
> > the page in question is dynamically generated using AJAX data calls.
>
> > i can see the error label in the js console:
>
> >>>$("label.error").length
> > 1
> >>>$("label.error").toHtml()
> > " > generated="true">Only numeric values are permitted."
>
> > but the 'for' attribute selector in the errorsFor method doesn't
> > work.  it doesn't work from the console either:
>
> >>>$("label([for='orders[4].elements[2].Value'])").length
> > 0
>
> > On Sep 22, 4:48 pm, Jörn Zaefferer 
> > wrote:
> >> Please update to 1.5.5 - also, please provide a testpage, otherwise I
> >> can't help.
>
> >> Jörn
>
> >> On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>
> >> > fyi - using jquery.validate.js version 1.5.2
>
> >> > On Sep 22, 3:39 pm, chief7  wrote:
> >> >> looks like this issue is caused by the name of the input.  the name is
> >> >> "orders[5].elements[2].Value" which an attribute selector won't find
> >> >> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
> >> >> "elements[2].Value" it works fine.
>
> >> >> the 'for' attribute selector is used on line 630 of jquery.validate.js
>
> >> >> On Sep 22, 7:32 am, chief7  wrote:
>
> >> >> > the validation error message isn't removed/hidden after i fix an
> >> >> > invalid input.  If I make the input invalid again another error
> >> >> > message is appended below the first error message.
>
> >> >> > error messages are added/removed appropriately on all other pages.
> >> >> > this problem is only occurring on one page.- Hide quoted text -
>
> >> >> - Show quoted text -- Hide quoted text -
>
> >> - Show quoted text -- Hide quoted text -
>
> - Show quoted text -


[jQuery] Re: (validation) removal of error message problem


This is an issue in IE7, IE8, FF3 and Chrome 3.

On Sep 23, 8:17 am, chief7  wrote:
> i can't reproduce on a test page.  I updated to 1.5.5, but no change.
>
> the page in question is dynamically generated using AJAX data calls.
>
> i can see the error label in the js console:
>
> >>$("label.error").length
> 1
> >>$("label.error").toHtml()
>
> " generated="true">Only numeric values are permitted."
>
> but the 'for' attribute selector in the errorsFor method doesn't
> work.  it doesn't work from the console either:
>
> >>$("label([for='orders[4].elements[2].Value'])").length
>
> 0
>
> On Sep 22, 4:48 pm, Jörn Zaefferer 
> wrote:
>
>
>
> > Please update to 1.5.5 - also, please provide a testpage, otherwise I
> > can't help.
>
> > Jörn
>
> > On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>
> > > fyi - using jquery.validate.js version 1.5.2
>
> > > On Sep 22, 3:39 pm, chief7  wrote:
> > >> looks like this issue is caused by the name of the input.  the name is
> > >> "orders[5].elements[2].Value" which an attribute selector won't find
> > >> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
> > >> "elements[2].Value" it works fine.
>
> > >> the 'for' attribute selector is used on line 630 of jquery.validate.js
>
> > >> On Sep 22, 7:32 am, chief7  wrote:
>
> > >> > the validation error message isn't removed/hidden after i fix an
> > >> > invalid input.  If I make the input invalid again another error
> > >> > message is appended below the first error message.
>
> > >> > error messages are added/removed appropriately on all other pages.
> > >> > this problem is only occurring on one page.- Hide quoted text -
>
> > >> - Show quoted text -- Hide quoted text -
>
> > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -


[jQuery] Re: (validation) removal of error message problem


Try this:

$("label[for='orders[4].elements[2].Value']").length

On Wed, Sep 23, 2009 at 3:17 PM, chief7  wrote:
>
> i can't reproduce on a test page.  I updated to 1.5.5, but no change.
>
> the page in question is dynamically generated using AJAX data calls.
>
> i can see the error label in the js console:
>
>>>$("label.error").length
> 1
>>>$("label.error").toHtml()
> " generated="true">Only numeric values are permitted."
>
> but the 'for' attribute selector in the errorsFor method doesn't
> work.  it doesn't work from the console either:
>
>>>$("label([for='orders[4].elements[2].Value'])").length
> 0
>
>
>
> On Sep 22, 4:48 pm, Jörn Zaefferer 
> wrote:
>> Please update to 1.5.5 - also, please provide a testpage, otherwise I
>> can't help.
>>
>> Jörn
>>
>>
>>
>> On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>>
>> > fyi - using jquery.validate.js version 1.5.2
>>
>> > On Sep 22, 3:39 pm, chief7  wrote:
>> >> looks like this issue is caused by the name of the input.  the name is
>> >> "orders[5].elements[2].Value" which an attribute selector won't find
>> >> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
>> >> "elements[2].Value" it works fine.
>>
>> >> the 'for' attribute selector is used on line 630 of jquery.validate.js
>>
>> >> On Sep 22, 7:32 am, chief7  wrote:
>>
>> >> > the validation error message isn't removed/hidden after i fix an
>> >> > invalid input.  If I make the input invalid again another error
>> >> > message is appended below the first error message.
>>
>> >> > error messages are added/removed appropriately on all other pages.
>> >> > this problem is only occurring on one page.- Hide quoted text -
>>
>> >> - Show quoted text -- Hide quoted text -
>>
>> - Show quoted text -


[jQuery] Re: (validation) removal of error message problem


i can't reproduce on a test page.  I updated to 1.5.5, but no change.

the page in question is dynamically generated using AJAX data calls.

i can see the error label in the js console:

>>$("label.error").length
1
>>$("label.error").toHtml()
"Only numeric values are permitted."

but the 'for' attribute selector in the errorsFor method doesn't
work.  it doesn't work from the console either:

>>$("label([for='orders[4].elements[2].Value'])").length
0



On Sep 22, 4:48 pm, Jörn Zaefferer 
wrote:
> Please update to 1.5.5 - also, please provide a testpage, otherwise I
> can't help.
>
> Jörn
>
>
>
> On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>
> > fyi - using jquery.validate.js version 1.5.2
>
> > On Sep 22, 3:39 pm, chief7  wrote:
> >> looks like this issue is caused by the name of the input.  the name is
> >> "orders[5].elements[2].Value" which an attribute selector won't find
> >> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
> >> "elements[2].Value" it works fine.
>
> >> the 'for' attribute selector is used on line 630 of jquery.validate.js
>
> >> On Sep 22, 7:32 am, chief7  wrote:
>
> >> > the validation error message isn't removed/hidden after i fix an
> >> > invalid input.  If I make the input invalid again another error
> >> > message is appended below the first error message.
>
> >> > error messages are added/removed appropriately on all other pages.
> >> > this problem is only occurring on one page.- Hide quoted text -
>
> >> - Show quoted text -- Hide quoted text -
>
> - Show quoted text -


[jQuery] Re: (validation) removal of error message problem


Please update to 1.5.5 - also, please provide a testpage, otherwise I
can't help.

Jörn

On Tue, Sep 22, 2009 at 11:08 PM, chief7  wrote:
>
> fyi - using jquery.validate.js version 1.5.2
>
> On Sep 22, 3:39 pm, chief7  wrote:
>> looks like this issue is caused by the name of the input.  the name is
>> "orders[5].elements[2].Value" which an attribute selector won't find
>> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
>> "elements[2].Value" it works fine.
>>
>> the 'for' attribute selector is used on line 630 of jquery.validate.js
>>
>> On Sep 22, 7:32 am, chief7  wrote:
>>
>>
>>
>> > the validation error message isn't removed/hidden after i fix an
>> > invalid input.  If I make the input invalid again another error
>> > message is appended below the first error message.
>>
>> > error messages are added/removed appropriately on all other pages.
>> > this problem is only occurring on one page.- Hide quoted text -
>>
>> - Show quoted text -


[jQuery] Re: (validation) removal of error message problem


fyi - using jquery.validate.js version 1.5.2

On Sep 22, 3:39 pm, chief7  wrote:
> looks like this issue is caused by the name of the input.  the name is
> "orders[5].elements[2].Value" which an attribute selector won't find
> (ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
> "elements[2].Value" it works fine.
>
> the 'for' attribute selector is used on line 630 of jquery.validate.js
>
> On Sep 22, 7:32 am, chief7  wrote:
>
>
>
> > the validation error message isn't removed/hidden after i fix an
> > invalid input.  If I make the input invalid again another error
> > message is appended below the first error message.
>
> > error messages are added/removed appropriately on all other pages.
> > this problem is only occurring on one page.- Hide quoted text -
>
> - Show quoted text -


[jQuery] Re: (validation) removal of error message problem


looks like this issue is caused by the name of the input.  the name is
"orders[5].elements[2].Value" which an attribute selector won't find
(ie. $("input[for=orders[5].elements[2].Value]")), but if the name is
"elements[2].Value" it works fine.

the 'for' attribute selector is used on line 630 of jquery.validate.js



On Sep 22, 7:32 am, chief7  wrote:
> the validation error message isn't removed/hidden after i fix an
> invalid input.  If I make the input invalid again another error
> message is appended below the first error message.
>
> error messages are added/removed appropriately on all other pages.
> this problem is only occurring on one page.


[jQuery] Re: Validation, ignore specific words


You can avoid that issue by using a solution that doesn't modify the
inputs value. The (planned) jQuery UI watermark widget does that, you
can get the code from labs here:
http://jquery-ui.googlecode.com/svn/branches/labs/watermark/ui/ui.watermark.js

A sort-of demo is here: http://www.commadot.com/jquery/experiments/shunra/
More details on the widget here: http://wiki.jqueryui.com/Watermark

Jörn

On Sat, Sep 19, 2009 at 6:44 AM, jbotos  wrote:
>
> Hi, I have values in each input which tells the user what to enter in
> that field. Each value clears on click and resets to default if no
> value is entered. How can I have it treat my values as if it would be
> empty (no value entered)?
>


[jQuery] Re: validation: how do I make sure a radio button is picked?




On Sep 3, 6:17 am, Matt Wilson  wrote:
> I have a list of radio buttons, all with the same name, and each has a
> different value.
>
> I want a validator that tests if one is picked.  How do I do this?

Set one as checked by default (as suggested by the W3C HTML
specification), no script or validation needed.


--
Rob


[jQuery] Re: validation: how do I make sure a radio button is picked?

Perhaps I am misunderstanding something in your requirements, but with the
validation plugin (link below), it is as simple as adding class="required"
to the input tag.

http://docs.jquery.com/Plugins/Validation

HTH


[jQuery] Re: Validation question


whoops! instead of '#divSteps3' i meant 'div.error-message'  next
time i should proofread

On Aug 31, 3:34 pm, "#micah"  wrote:
> only perform the post if the error message div isnt there, or has no
> text in it
>
> if( !($('#divSteps3')==undefined) && $('div.error-message').text
> ().length>0) )
>
> something like that
>
> On Aug 31, 1:53 pm, "Dave Maharaj :: WidePixels.com"
>
>  wrote:
> > I have this script
>
> > $(document).ready( function() {
>
> >     $('#username').blur( function () {
>
> >         fieldName = $(this).attr('id');
> >         fieldValue = $(this).val();
>
> >         $.post('/users/ajax_validate', {
> >                                         field: fieldName,
> >                                         value: fieldValue
> >                                         },
> >                function(error) {
>
> >                    if(error.length != 0) {                
>
> >                        $('#username').after(' > id="'+ fieldName +'-exists">' + error + '');
> >                    }
> >                    else {
> >                        $('#' + fieldName + '-exists').remove();
> >                    }
> >                });
> >      });  
>
> > });
>
> > Which sends a requet to determine if the username is taken...pretty simple
> > if so it displays Please choose another message. My problem is if the user
> > goes back to the field and then leaves without changing it it sends the
> > request again and then shows
> > "Please choose another name"
> > "Please choose another name"
>
> > How can I modify the script so if there is an error and not fixed to leave
> > the message and not repeat it?
>
> > Dave


[jQuery] Re: Validation question


only perform the post if the error message div isnt there, or has no
text in it


if( !($('#divSteps3')==undefined) && $('div.error-message').text
().length>0) )

something like that

On Aug 31, 1:53 pm, "Dave Maharaj :: WidePixels.com"
 wrote:
> I have this script
>
> $(document).ready( function() {
>
>     $('#username').blur( function () {
>
>         fieldName = $(this).attr('id');
>         fieldValue = $(this).val();
>
>         $.post('/users/ajax_validate', {
>                                         field: fieldName,
>                                         value: fieldValue
>                                         },
>                function(error) {
>
>                    if(error.length != 0) {                
>
>                        $('#username').after(' id="'+ fieldName +'-exists">' + error + '');
>                    }
>                    else {
>                        $('#' + fieldName + '-exists').remove();
>                    }
>                });
>      });  
>
> });
>
> Which sends a requet to determine if the username is taken...pretty simple
> if so it displays Please choose another message. My problem is if the user
> goes back to the field and then leaves without changing it it sends the
> request again and then shows
> "Please choose another name"
> "Please choose another name"
>
> How can I modify the script so if there is an error and not fixed to leave
> the message and not repeat it?
>
> Dave


[jQuery] Re: (Validation) How to use with Multi-Select?


Thanks for responding so quickly.
Unfortunately, my form just isn't working like yours.  I don't see
what I've done wrong.  Maybe you can see something?

Here is the code:








Select a person
First Person
Second Person
Third Person





$.validator.addClassRules({
multirequired: {
required: true,
minlength: 1
}
});

$.validator.addMethod("allOrNothing", function(value, element) {
var i, sply, prod, prog, amt, allthere;
allthere = new Array();
for (i=0; document.getElementById('SPLY_'+i)!=null; i++)
{
allthere[i] = -1;
sply = document.getElementById('SPLY_'+i).value;
prod = document.getElementById('prod_'+i).value;
prog = document.getElementById('prog_'+i).value;
amt  = document.getElementById('amt_'+i).value;
if (sply>0 || prod>0 || prog>0 || amt.length>0)
allthere[i] = (sply>0 && prod>0 && prog>0 && 
amt.length>0);
}
return (element.id=='amt0'?element.length>0:element.value>0) ||
allthere[0];
}, "
Data Missing"); $.validator.addClassRules({ allOrNothing: { allOrNothing: true } }); form = $("#briefform") form.validate({ debug: true, success: "valid", submitHandler: function() { alert("Submitted!") }, errorPlacement: function(error, element) { tid = element.attr("id"); for (i=0; document.getElementById('SPLY_'+i)!=null; i++) if (tid == "SPLY_"+i || tid == "prod_"+i || tid == "prog_"+i || tid == "amt_"+i) error.insertAfter("#DESC_"+i); else error.insertAfter(element); }, errorClass: "errormsg" }); On Aug 27, 8:09 am, Jörn Zaefferer wrote: > Here are examples with > multi-selects:http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo... > > Jörn > > > > On Thu, Aug 27, 2009 at 3:04 PM, Psyclo wrote: > > > I have a form with a multi-select field that needs to be validated, so > > at least one option is selected.  Is there a setting I'm missing in > > the validation plug-in? > > > Thanks in advance.- Hide quoted text - > > - Show quoted text -

[jQuery] Re: (Validation) How to use with Multi-Select?


Here are examples with multi-selects:
http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo.html

Jörn

On Thu, Aug 27, 2009 at 3:04 PM, Psyclo wrote:
>
> I have a form with a multi-select field that needs to be validated, so
> at least one option is selected.  Is there a setting I'm missing in
> the validation plug-in?
>
> Thanks in advance.
>


[jQuery] Re: (Validation) Problem with "All or Nothing" fields


Can anyone help with this, Please?

Thanks.


[jQuery] Re: validation - multiple errorPlacements



I did not understand this

Jörn Zaefferer wrote:
> 
> 
> seedy schrieb:
>> Is it possible to use errorPlacement with the validation plugin to have a
>> different placement for each field validated?
>>
>> ie.
>> $('#testForm').validate({
>>  rules:{
>>  firstname:{required:true},
>>  integer:{required:true}
>>  }
>> })
>>
>> I would like to have the error for firstname appended to $('#div1') , and
>> errors for integer before $('#div2')
>>   
> You can use the errorPlacement option for that. Its far from perfect, 
> but allows you to do every placement you can think of.
> 
> One example of the usage of errorPlacement can be found here: 
> http://dev.jquery.com/view/trunk/plugins/validate/demo-test/milk/
> The interesting part:
> 
> |// the errorPlacement has to take the table layout into account 
> errorPlacement: function(error, element) { 
> if ( element.is(":radio") ) 
> error.appendTo( element.parent().next().next() ); 
> else if ( element.is(":checkbox") ) 
> error.appendTo ( element.next() ); 
> else 
> error.appendTo( element.parent().next() ); 
> }, 
> |
> 
> -- Jörn
> 
> 

-- 
View this message in context: 
http://www.nabble.com/validation---multiple-errorPlacements-tp12781506s27240p24938662.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: Validation Error message help


Check the error message existence before adding a new error msg

if ($('#'+fieldName+'-exists').length = 0)
   $('#username').after('' + error + '');

On Aug 12, 2:17 am, "Dave Maharaj :: WidePixels.com"
 wrote:
> I have this script:
>
> $(document).ready( function() {
>
>     $('#username').blur( function () {
>
>         fieldName = $(this).attr('id');
>         fieldValue = $(this).val();
>
>         $.post('/users/ajax_validate', {
>                                         field: fieldName,
>                                         value: fieldValue
>                                         },
>                function(error) {
>
>                    if(error.length != 0) {                
>
>                        $('#username').after(' id="'+ fieldName +'-exists">' + error + '');
>                    }
>                    else {
>                        $('#' + fieldName + '-exists').remove();
>                    }
>                });
>      });  
>
> });
>
> So when the user leaves the field it checks validation. If error it shows an
> error message. Everything is working fine except if the user goes back to
> the field where there was an error and does not chnge anything and leaves
> the field again the error message is duplicated.
>
> So they enter a username peter it says "Please choose a different name" if
> they go back to the username and thenleavewith out changing "peter" i now
> have:
>  "Please choose a different name"
> "Please choose a different name"
>
> What do I have to change / add so that only 1 message will appear?
>
> Thanks
>
> Dave


[jQuery] Re: VALIDATION not validating when submit button clicked....


DO NOT include hidden fields in the plugin data.  I had 3 hidden
fields that weren't required but they were phoneUS.

That must be a no no. I havent thought about the logic behind...
but I am moving on to the next problem.
and it may have been that i had no messages setup for them. only
rules.

On Aug 10, 6:56 pm, Miket3  wrote:
> Here it is minus the submit handler
>
> var v = $("#myform").validate({
>
>     rules: {
>         username: {required: true,
>                    minlength: 4,
>                    remote: {url:"lookup.php",
>                             type : "post",
>                             data: {table:"members",
>                             failmsg:"true",
>                             successmsg:"false",
>                             key:"username",
>                             value:function(){return $("#username").val
> (); }
>                            }
>                    }
>         },
>         password: {required: true,
>                    minlength: 5
>         },
>         email: {required: true,
>                 email: true
>         },
>         zipcode: {required: true,
>                    minlength: 5
>         },
>         phone: { phoneUS: true },
>         cellphone: { phoneUS: true },
>         fax: { phoneUS: true },
>
>     },  //end of rules
>     messages: {
>                username: {
>                         required: "Enter a username",
>                         minlength: jQuery.format("Enter at least {0} 
> characters"),
>                         remote : jQuery.format("Sorry... {0} is
> already taken."),
>                },
>                 password: {
>                         required: "Provide a password",
>                         rangelength: jQuery.format("Enter at least {0} 
> characters")
>                 },
>                 email: {
>                         required: "Please enter a valid email address",
>                         minlength: "Please enter a valid email address"
>                 }
>     }, //end of messages
>
>     // the errorPlacement has to take the table layout into account
>     errorPlacement: function(error, element) {
>                         if ( element.is(":radio") )
>                                 error.appendTo( 
> element.parent().next().next() );
>                         else if ( element.is(":checkbox") )
>                                 error.appendTo ( element.next() );
>                         else
>                                 error.appendTo( element.parent() );
>     }, //end of errorPlacement
>     // set this class to error-labels to indicate valid fields
>     success: function(label) {
>                 var valid_img = '';
>                 // set   as text for IE
>                 label.html(valid_img);
>     } // end of success
>
> });
>
> On Aug 10, 6:12 pm, Jörn Zaefferer 
> wrote:
>
> > Please show the rest of your code.
>
> > Jörn
>
> > On Mon, Aug 10, 2009 at 11:49 PM, Miket3 wrote:
>
> > > Here is my handler:
>
> > >   submitHandler: function(form) {
> > >     alert('I CANT GET THIS TO TRIGGER');
> > >  },
>
> > > Here is my button:
>
> > > 
>
> > > How do i trigger a validate when the submit button is clicked?
>
> > > All of my validations work while I am working with the form but the
> > > button does zilch.


[jQuery] Re: VALIDATION not validating when submit button clicked....


Here it is minus the submit handler

var v = $("#myform").validate({

rules: {
username: {required: true,
   minlength: 4,
   remote: {url:"lookup.php",
type : "post",
data: {table:"members",
failmsg:"true",
successmsg:"false",
key:"username",
value:function(){return $("#username").val
(); }
   }
   }
},
password: {required: true,
   minlength: 5
},
email: {required: true,
email: true
},
zipcode: {required: true,
   minlength: 5
},
phone: { phoneUS: true },
cellphone: { phoneUS: true },
fax: { phoneUS: true },

},  //end of rules
messages: {
   username: {
required: "Enter a username",
minlength: jQuery.format("Enter at least {0} 
characters"),
remote : jQuery.format("Sorry... {0} is
already taken."),
   },
password: {
required: "Provide a password",
rangelength: jQuery.format("Enter at least {0} 
characters")
},
email: {
required: "Please enter a valid email address",
minlength: "Please enter a valid email address"
}
}, //end of messages

// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() 
);
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent() );
}, //end of errorPlacement
// set this class to error-labels to indicate valid fields
success: function(label) {
var valid_img = '';
// set   as text for IE
label.html(valid_img);
} // end of success
});



On Aug 10, 6:12 pm, Jörn Zaefferer 
wrote:
> Please show the rest of your code.
>
> Jörn
>
> On Mon, Aug 10, 2009 at 11:49 PM, Miket3 wrote:
>
> > Here is my handler:
>
> >   submitHandler: function(form) {
> >     alert('I CANT GET THIS TO TRIGGER');
> >  },
>
> > Here is my button:
>
> > 
>
> > How do i trigger a validate when the submit button is clicked?
>
> > All of my validations work while I am working with the form but the
> > button does zilch.


[jQuery] Re: VALIDATION not validating when submit button clicked....


Please show the rest of your code.

Jörn

On Mon, Aug 10, 2009 at 11:49 PM, Miket3 wrote:
>
> Here is my handler:
>
>   submitHandler: function(form) {
>     alert('I CANT GET THIS TO TRIGGER');
>  },
>
>
> Here is my button:
>
> 
>
> How do i trigger a validate when the submit button is clicked?
>
> All of my validations work while I am working with the form but the
> button does zilch.


[jQuery] Re: Validation with rewriting


On Mon, Jul 27, 2009 at 6:06 PM, Jörn
Zaefferer wrote:
>
> Having JS sanitize for the backend is somewhat dubious, I'd not go
> there, but you probably don't want to discuss that.

I think we're in agreement there, actually.  JS provides no security
and shouldn't be relied on.  Rather I'm looking at a progressive
enhancement feature:  Server-side validation can reject (for example)
any CC Number that isn't 16 digits.  User's w/o JS can get the
functional basics ("please enter your CC number without hyphens or
spaces") The JS front end will accept multiple formats (16 digits, 4
sets of 4 digits with whitespace, etc) and translate them to what the
server demands.

This is more impressive with string inputs for dates, phone numbers,
etc.  Typing "8005551212" is easy on the user, and seeing "(800)
555-1212" is better for their visual parsing.

> Anyway, a validation method has access to the validate element, so you

Ah, this is the essential piece I was missing.  I'll code a few tests
and report back in a few days.  Thanks for the help!

-- 
Brett Ritter / SwiftOne
swift...@swiftone.org


[jQuery] Re: Validation with rewriting


Having JS sanitize for the backend is somewhat dubious, I'd not go
there, but you probably don't want to discuss that.

Anyway, a validation method has access to the validate element, so you
could as well write a method that just sanitizes, nothing else.
Combine that with a strict validation method, ala:

rules: {
  ssnfield: {
required: true
ssncleaner: true,
ssn: ssn
  }
}

No change to required needed. ssncleaner would always return true, and
change the input value; ssn would just validate a strict ssn.

A very simple and general sanitizer would just trim whitespace - the
plugin did that in earlier versions, but that wasn't desired in
general:

$.validator.addMethod("trim", function(value, element) {
  element.value = $.trim(value);
  return true;
});

That seems to be quite flexible to me.

Jörn

On Mon, Jul 27, 2009 at 11:28 PM, Brett Ritter wrote:
>
> On Mon, Jul 27, 2009 at 5:20 PM, Jörn
> Zaefferer wrote:
>> You could start by writing custom methods for each of these input
>> types, and where possible, delegate to the existing methods:
>> http://docs.jquery.com/Plugins/Validation/Validator/addMethod
>
> If I'm following you, you're saying to have validation that accepts
> the "loose" input and considers them all "valid".  That doesn't help
> me sanitize for the backend though.
> On submission, that Phone number should come across as the "proper"
> format.  This also complicates the validation methods considerably.
>
> Or am I misunderstanding you?
>
> --
> Brett Ritter / SwiftOne
> swift...@swiftone.org
>


[jQuery] Re: Validation with rewriting


On Mon, Jul 27, 2009 at 5:20 PM, Jörn
Zaefferer wrote:
> You could start by writing custom methods for each of these input
> types, and where possible, delegate to the existing methods:
> http://docs.jquery.com/Plugins/Validation/Validator/addMethod

If I'm following you, you're saying to have validation that accepts
the "loose" input and considers them all "valid".  That doesn't help
me sanitize for the backend though.
On submission, that Phone number should come across as the "proper"
format.  This also complicates the validation methods considerably.

Or am I misunderstanding you?

-- 
Brett Ritter / SwiftOne
swift...@swiftone.org


[jQuery] Re: Validation with rewriting


You could start by writing custom methods for each of these input
types, and where possible, delegate to the existing methods:
http://docs.jquery.com/Plugins/Validation/Validator/addMethod

What do you think?

Jörn

On Mon, Jul 27, 2009 at 8:42 PM, Brett Ritter wrote:
>
> I considering input rewriting (transformation, conversion, etc, use
> the verb of your choice) to be an essential part of validation.
>
> This means phone numbers, SSN, dates, credit card numbers, etc should
> all accept "loose" input types and should be standardized for backend
> processing.
> (Personal Pet Peeve - sites that instruct you not to use spaces or
> hyphens in credit card numbers)
>
> This article makes the general case:
>
> http://www.hising.net/2007/03/30/form-validation-with-javascript/
>
> The article for the popular validation plugin notes the above article,
> but doesn't offer code for this particular point (See #6):
>
> http://bassistance.de/2007/07/04/about-client-side-form-validation-and-frameworks/
>
> It does point out the masked input plugin, but my goal is not to
> provide hints to the user on how to take additional effort but rather
> to save them effort in the first place.
>
> Both of these articles date from 2 years ago.  Googling for existing
> plugins has not led me to happiness.  I'll happily write my own plugin
> if it is not reinventing the wheel, but I'd love to have some
> compatibility with the validate plugin.
> Does anyone have suggestions for the best approach for doing so?  The
> transformation can be done front-end (i.e. visible to the user,
> changing the value in the inputs) or internally (standardizing the
> values sent to the validate plugin), I'm not picky as to which just
> yet.
>
> --
> Brett Ritter / SwiftOne
> swift...@swiftone.org
>


[jQuery] Re: Validation plugin 1.5.5 error in IE6


It would be great if you could post your repacked version for us.

Thanks!

-Mario


[jQuery] Re: Validation plugin 1.5.5 error in IE6


I found this link: 
http://return-true.com/2008/12/fixing-jquery-validator-plugin-in-internet-explorer-6/

Looks like it's a character set issue.

-Mario



On Jun 29, 4:21 pm, Tristan  wrote:
> The jquery.validate.pack.js file found 
> onhttp://bassistance.de/jquery-plugins/jquery-plugin-validation/causes
> an error when run in IE6.
>


[jQuery] Re: Validation plugin - submit form without validation


Try $("#frm")[0].submit()

On Jul 20, 1:56 pm, Adam P  wrote:
> I'm using the Validation plugin for JQuery and was wondering if there
> was a function to submit the form without causing it to validate the
> form.  I have a table with a list of radio-buttons and above that is a
> drop down list of states.  The drop down list of states is used to
> filter the table rows and when the selected item changes it posts-back
> to the server (via $("#frm").submit()).  I don't want this to cause
> any validation to occur.  Is there another function I can call besides
> submit(), or some other method?
>
> Thanks


[jQuery] Re: (Validation) How to submit a form without validating


Thanks Jörn , this is exactly what I need.

On Jul 16, 12:57 pm, Jörn Zaefferer 
wrote:
> You can add a class="cancel" to that button B. The plugin will then
> skip the validation.
>
> Jörn
>
> On Thu, Jul 16, 2009 at 9:05 AM, mnaveed wrote:
>
> > Hi,
> > I am using the Jquery validationss plugin for my form validations. Now
> > I have a situation where I have two submit buttons in a single form
> > (say button A and button B). For button A, I want to run validations
> > but for button B I don't want to run the validations and submit the
> > form without validating.. How can i do this?
>
> > Thanks.


[jQuery] Re: (Validation) How to submit a form without validating


You can add a class="cancel" to that button B. The plugin will then
skip the validation.

Jörn

On Thu, Jul 16, 2009 at 9:05 AM, mnaveed wrote:
>
> Hi,
> I am using the Jquery validationss plugin for my form validations. Now
> I have a situation where I have two submit buttons in a single form
> (say button A and button B). For button A, I want to run validations
> but for button B I don't want to run the validations and submit the
> form without validating.. How can i do this?
>
> Thanks.


[jQuery] Re: validation plugin's date method doesn't like mm-dd-yyyy formatted dates


The default date validation is quite weak, indeed. You can add your
own method, maybe using datejs.com, easily:
http://docs.jquery.com/Plugins/Validation/Validator/addMethod

Jörn

On Tue, Jul 14, 2009 at 10:47 PM, Matt Wilson wrote:
>
> I'm using this validation plugin 
> http://bassistance.de/jquery-plugins/jquery-plugin-validation/
> and it is great.
>
> However, it rejects dates like 07-14-2009 as invalid.  Is there some
> way to add a list of valid formats?
>
> If not, should I write my own method to match that particlar format?


[jQuery] Re: (Validation) how to add validation on a select box with auto post


what you should do is take the onchange event out of the html and put
it into a document ready

like this

$(document).ready(function(){
$("#State").change(function() {
//check to see if the feild has a value
if ($(this).val() != ""){
//ok lets get the data then
getData(($this).val())
}
});
});

I think this is what you wanted to test for

Mean Mike
On Jul 13, 4:22 am, mnaveed  wrote:
> Hi,
> I have a select box with and onchange event to get the data from
> serever,
>
> 
>
> Now i want to validate that if no value is selected from the above
> list, then it should not send the ajax request. How can i apply the
> Jquery validation plugin here?
>
> Thanks.


[jQuery] Re: (Validation) how to add validation on a select box with auto post

sorry!i didn't use JQuery Validation plug in.

2009/7/13 mnaveed 

>
> I am using the JQuery Validation plug in to validate my form. How can
> i do this with that?
>
>
> On Jul 13, 1:34 pm, 刘永杰  wrote:
> > is it difficult?$("#State").val()
> >
> > 2009/7/13 mnaveed 
> >
> >
> >
> > > Hi,
> > > I have a select box with and onchange event to get the data from
> > > serever,
> >
> > >  >
> >
> > > Now i want to validate that if no value is selected from the above
> > > list, then it should not send the ajax request. How can i apply the
> > > Jquery validation plugin here?
> >
> > > Thanks.
>


[jQuery] Re: (Validation) how to add validation on a select box with auto post


I am using the JQuery Validation plug in to validate my form. How can
i do this with that?


On Jul 13, 1:34 pm, 刘永杰  wrote:
> is it difficult?$("#State").val()
>
> 2009/7/13 mnaveed 
>
>
>
> > Hi,
> > I have a select box with and onchange event to get the data from
> > serever,
>
> > 
>
> > Now i want to validate that if no value is selected from the above
> > list, then it should not send the ajax request. How can i apply the
> > Jquery validation plugin here?
>
> > Thanks.


[jQuery] Re: (Validation) how to add validation on a select box with auto post

is it difficult?$("#State").val()

2009/7/13 mnaveed 

>
> Hi,
> I have a select box with and onchange event to get the data from
> serever,
>
> 
>
>
> Now i want to validate that if no value is selected from the above
> list, then it should not send the ajax request. How can i apply the
> Jquery validation plugin here?
>
> Thanks.


[jQuery] Re: [validation] how to return for jquery.Format


how i can use variables to build the url?

On Sat, Jul 4, 2009 at 12:08 PM, Jörn
Zaefferer wrote:
>
> Use the remote method:
> http://docs.jquery.com/Plugins/Validation/Methods/remote#url
>
> Jörn
>
> On Sat, Jul 4, 2009 at 6:30 PM, Manolet Gmail wrote:
>>
>> Hi, im adding a method. i want to display a message like:
>> THECONTENTOFMYINPUT is already user. this is what im doing.
>>
>>          jQuery.validator.addMethod("checkname", function(value, element) {
>>                  var name = $('#PromotionName').val();
>>                  var promotion_id = $('#PromotionId').val();
>>
>>                  text = $.ajax({ url:
>> "/promotions/checkName/"+name+'/'+promotion_id, type:'post',
>> async:false }).responseText;
>>                  return eval(text);
>>                }, jQuery.format("{0} is already used", 
>> $('#PromotionName').val() ));
>>
>> but dont works
>>
>


[jQuery] Re: [validation] Remote rule, show loading symbol


You can use various ajax events to handle that, see:
http://docs.jquery.com/Ajax_Events

Eg. display the loading indicator on ajaxStart and hide it on ajaxStop.

Jörn

On Mon, Jul 6, 2009 at 8:02 PM, pimousse wrote:
>
> Hi,
> I am using a remote rule & an external file to check in a form that a
> username is available. I am trying to show a loading symbol (or a
> message that says "checking your username is available" ) while the
> ajax query is running. Does anyone here know how to do this?
> Thanks!
>


[jQuery] Re: [validation] how to return for jquery.Format


How i can use the remote method to build the url like:

"/promotions/checkName/"+name+'/'+promotion_id, type:'post',

?

On Sat, Jul 4, 2009 at 12:08 PM, Jörn
Zaefferer wrote:
>
> Use the remote method:
> http://docs.jquery.com/Plugins/Validation/Methods/remote#url
>
> Jörn
>
> On Sat, Jul 4, 2009 at 6:30 PM, Manolet Gmail wrote:
>>
>> Hi, im adding a method. i want to display a message like:
>> THECONTENTOFMYINPUT is already user. this is what im doing.
>>
>>          jQuery.validator.addMethod("checkname", function(value, element) {
>>                  var name = $('#PromotionName').val();
>>                  var promotion_id = $('#PromotionId').val();
>>
>>                  text = $.ajax({ url:
>> "/promotions/checkName/"+name+'/'+promotion_id, type:'post',
>> async:false }).responseText;
>>                  return eval(text);
>>                }, jQuery.format("{0} is already used", 
>> $('#PromotionName').val() ));
>>
>> but dont works
>>
>


[jQuery] Re: [validation] how to return for jquery.Format


Use the remote method:
http://docs.jquery.com/Plugins/Validation/Methods/remote#url

Jörn

On Sat, Jul 4, 2009 at 6:30 PM, Manolet Gmail wrote:
>
> Hi, im adding a method. i want to display a message like:
> THECONTENTOFMYINPUT is already user. this is what im doing.
>
>          jQuery.validator.addMethod("checkname", function(value, element) {
>                  var name = $('#PromotionName').val();
>                  var promotion_id = $('#PromotionId').val();
>
>                  text = $.ajax({ url:
> "/promotions/checkName/"+name+'/'+promotion_id, type:'post',
> async:false }).responseText;
>                  return eval(text);
>                }, jQuery.format("{0} is already used", 
> $('#PromotionName').val() ));
>
> but dont works
>


[jQuery] Re: [Validation] Internationalization support


But all the range, min, max don't work because they use the "standard"
javascript string to number conversions that are USA only. I "patched"
the validation plugin to work in italy (but now it works only in
italy)

On 18 Mag, 22:22, Jörn Zaefferer 
wrote:
> You can write custom methods to extend the plugin with whatever
> methods you need:http://docs.jquery.com/Plugins/Validation/Validator/addMethod
>
> You should be able to use numberDE for that number format. Look at
> dateDE or any of the other date methods to see how they are
> implemented.
>
> Jörn
>
>
>
> On Mon, May 18, 2009 at 9:28 PM, MaxMax  wrote:
>
> > Does the JQuery Validation plugin supports internationalization? Here
> > in Italy for example we write 1,5 instead of 1.5 and 1.500,5 instead
> > of 1,500.5 and the dates are in another format (dd/MM/)...
>
> > Thanks
> > Massimiliano- Nascondi testo citato
>
> - Mostra testo citato -


[jQuery] Re: [Validation] Internationalization support


You can write custom methods to extend the plugin with whatever
methods you need:
http://docs.jquery.com/Plugins/Validation/Validator/addMethod

You should be able to use numberDE for that number format. Look at
dateDE or any of the other date methods to see how they are
implemented.

Jörn

On Mon, May 18, 2009 at 9:28 PM, MaxMax  wrote:
>
> Does the JQuery Validation plugin supports internationalization? Here
> in Italy for example we write 1,5 instead of 1.5 and 1.500,5 instead
> of 1,500.5 and the dates are in another format (dd/MM/)...
>
> Thanks
> Massimiliano
>


[jQuery] Re: [validation] I want to add validation for a reCAPTCHA image. Can I give this field error message a unique class?


You can use the errorPlacement-option to customize the placement. Take
a look at the source of this demo for a good example:
http://jquery.bassistance.de/validate/demo/milk/

Jörn

On Wed, May 13, 2009 at 2:30 AM, wjs3  wrote:
>
> I have a form consisting mainly of text inputs and selects.  The
> inputs are nested within list elements, lists, fieldsets, etc.  I have
> configured the validation plugin to place the error messages after the
> fields, and successfully used CSS to style the label.error class.
>
> I have recently added a reCAPTCHA image to the form.  I would like to
> validate that this field is also not empty before allowing a submit.
> The reCAPTCHA input however is buried within a td/table/div, so the
> error message gets crammed into the td with the input and is barely
> visible.
>
> I thought of going into the module and adding some code around the
> showLabel function to test if the field being referenced is the
> recaptcha_response_field.  If so, I would conditionally assign a
> unique class to this label so I could try and use CSS to place it
> elsewhere.
>
> I am by no means a javascript expert and am not sure how to do this
> properly in the code.  Any assistance would be much appreciated.
> Perhaps there is a better way to tackle this as well.
>
> Thanks in advance,
>
> wjs3
>


[jQuery] Re: [Validation] Email


Sure, thats just as valid as em...@example.co.uk is.

Jörn

On Fri, May 8, 2009 at 8:57 PM, Brett  wrote:
>
> I noticed that if you do the email: true in the validation and then
> try and type an email such as:
>
> em...@example.com.com
>
> it will mark it as valid. Is this intended?
>
>
> Even says its valid on your test page at:
> http://docs.jquery.com/Plugins/Validation/Methods/email
>


[jQuery] Re: validation showErrors error


Oops, hit send accidentally. The problem was that I didn't need to
iterate over each error. A single call to showErrors handles them all.

if(data.status == false) {
// update form errors
$("#calib_entry").validate().showErrors(data.errors);
}


On May 7, 10:39 am, Brad  wrote:
> The .each is the problem:
>
> if(data.status == false) {
> // update form errors
>                                                 
> $("#calib_entry").validate().showErrors(data.errors);
>
> }
>
> On May 7, 10:35 am, Brad  wrote:
>
> > I'm using the validation plugin to perform client side validation on a
> > form that uses $.post.
> > To be safe, I also re-validate all inputs on the server side. Ideally
> > I'll never have a case where client-side validation passes but server-
> > side validation fails, but in case I do, I want to display errors back
> > that the browser.
>
> > I have my server side code returning a JSON object. It contains a
> > status, an errors object, and an info object. The errors object may
> > contain multiple errors.
>
> > $.post("ajax.php",
> >   formdata += '&from=calib&type=submit',
> >   function(data){
> >     if(data.status == false) {
> >       // update form errors
> >       $.each(data.errors, function(fld,msg) {
> >         console.log(fld,msg); // See what's coming back. Looks OK!
> >         var v = $("#calib_entry").validate(); // because of scoping
> > issues I need to redefine validator
> >         v.showErrors({fld:msg}); // <= This is throwing a jQuery error
> >       });
> >     }
> >     ...
> >   },
> >   'json'
> > );
>
> > I'm testing my server side validation and have hard-coded bad value so
> > validation will fail.
> > When I call v.showErrors Firebug is showing an error within jQuery
> > itself. Unfortunately the server I'm working against has a minified
> > version installed (I've requested they install the full version).
>
> > Until I can see where jQuery is failing, can someone who is more
> > familiar with showErrors tell if the problem is how I'm calling it?
> > The console.log call shows that fld and msg are both strings.
>
> > Thanks,
>
> > Brad


[jQuery] Re: validation showErrors error


The .each is the problem:

if(data.status == false) {
// update form errors

$("#calib_entry").validate().showErrors(data.errors);
}

On May 7, 10:35 am, Brad  wrote:
> I'm using the validation plugin to perform client side validation on a
> form that uses $.post.
> To be safe, I also re-validate all inputs on the server side. Ideally
> I'll never have a case where client-side validation passes but server-
> side validation fails, but in case I do, I want to display errors back
> that the browser.
>
> I have my server side code returning a JSON object. It contains a
> status, an errors object, and an info object. The errors object may
> contain multiple errors.
>
> $.post("ajax.php",
>   formdata += '&from=calib&type=submit',
>   function(data){
>     if(data.status == false) {
>       // update form errors
>       $.each(data.errors, function(fld,msg) {
>         console.log(fld,msg); // See what's coming back. Looks OK!
>         var v = $("#calib_entry").validate(); // because of scoping
> issues I need to redefine validator
>         v.showErrors({fld:msg}); // <= This is throwing a jQuery error
>       });
>     }
>     ...
>   },
>   'json'
> );
>
> I'm testing my server side validation and have hard-coded bad value so
> validation will fail.
> When I call v.showErrors Firebug is showing an error within jQuery
> itself. Unfortunately the server I'm working against has a minified
> version installed (I've requested they install the full version).
>
> Until I can see where jQuery is failing, can someone who is more
> familiar with showErrors tell if the problem is how I'm calling it?
> The console.log call shows that fld and msg are both strings.
>
> Thanks,
>
> Brad


[jQuery] Re: validation plug in flicker


Could you provide a testpage? Haven't seen that yet...

Jörn

On Fri, Apr 24, 2009 at 4:45 AM, Rabbott  wrote:
>
> I am using the jquery validation plugin, i am wanting to place all the
> errors in one div at the top of the form - which works. The problem is
> that the first time I submit the form (in FF for MAC) the classes that
> get assigned to the form elements get added, and removed real quickly.
> (I have a bg color of red on the form, so i can see a flicker
> basically) - works just fine in safari. has anyone seen anything like
> this?
>


[jQuery] Re: Validation plugin - Using with 'button' buttons?


In the button's click handler:

if ($("#myform").validate().form()) {
// submit form
}


On Apr 22, 9:48 am, Brad  wrote:
> To be more specific, validation is working prior to clicking the
> button. For example I have a date field in the form and entering
> garbage will present an "enter a valid date" message, but I also have
> some fields that are simply required. Clicking the button doesn't
> appear to run any pre-submit validation.
>
> BTW, I'm totally new to this plugin.
>
> On Apr 22, 9:39 am, Brad  wrote:
>
> > I'm trying to integrate the Validation plugin into an existing
> > project. The forms use AJAX and the buttons are not of type 'submit',
> > but type 'button'. If I change the type to 'submit' I can see
> > validation works, but doing so will require other code changes. Is
> > there any way to get it to work with a 'button' button?


[jQuery] Re: Validation plugin - Using with 'button' buttons?


To be more specific, validation is working prior to clicking the
button. For example I have a date field in the form and entering
garbage will present an "enter a valid date" message, but I also have
some fields that are simply required. Clicking the button doesn't
appear to run any pre-submit validation.

BTW, I'm totally new to this plugin.

On Apr 22, 9:39 am, Brad  wrote:
> I'm trying to integrate the Validation plugin into an existing
> project. The forms use AJAX and the buttons are not of type 'submit',
> but type 'button'. If I change the type to 'submit' I can see
> validation works, but doing so will require other code changes. Is
> there any way to get it to work with a 'button' button?


[jQuery] Re: Validation plugin (bassistance.de) problem


Yeah, I know about the regular behaviour, but the problem is that the
live validation behaves incorrect.

When it validates an input as valid, it sometimes doesn't revalidate
it when you clear the field (so it should state as invalid, but it
still says it's valid).

The behaviours is random. Sometimes it happens on the first field,
sometimes on another.

On Apr 17, 2:17 pm, Jörn Zaefferer 
wrote:
> The behaviour is described 
> here:http://docs.jquery.com/Plugins/Validation/Reference#Validation_event
>
> Jörn
>
> On Fri, Apr 17, 2009 at 10:46 AM, Jonas  wrote:
>
> > Example form:http://jquery.bassistance.de/validate/demo/milk/
> > (this is the demo for the script onbassistance.de)
>
> > When it does 'live' validation (on blur) it tells the user if the
> > field is correct or incorrect. When you fill in the first field, tab
> > to the next field, go back to the previous (allready filled in) field
> > and clear it, it still counts as valid (notice the icon next to the
> > field).
>
> > Since the field is now empty, it should state as invalid, but it
> > doesn't.
>
> > This behaviour is random, sometimes it works, sometimes it doesn't.
> > Sometimes it happens in the first field, sometimes on one of the
> > other.
>
> >  It only happens before you try to submit the form, after a page
> > submit everything works fine.
>
> > Anybody who has a clue?


[jQuery] Re: Validation plugin (bassistance.de) problem

i also detected some difference between the demo's behavior and the docs.
i'm not sure what sequence of ui actions led to the result in the attached
png but i've seen it twice now.

On 4/17/09 8:17 AM, "Jörn Zaefferer"  wrote:

> 
> The behaviour is described here:
> http://docs.jquery.com/Plugins/Validation/Reference#Validation_event
> 
> Jörn
> 
> On Fri, Apr 17, 2009 at 10:46 AM, Jonas  wrote:
>> 
>> Example form: http://jquery.bassistance.de/validate/demo/milk/
>> (this is the demo for the script on bassistance.de)
>> 
>> When it does 'live' validation (on blur) it tells the user if the
>> field is correct or incorrect. When you fill in the first field, tab
>> to the next field, go back to the previous (allready filled in) field
>> and clear it, it still counts as valid (notice the icon next to the
>> field).
>> 
>> Since the field is now empty, it should state as invalid, but it
>> doesn't.
>> 
>> This behaviour is random, sometimes it works, sometimes it doesn't.
>> Sometimes it happens in the first field, sometimes on one of the
>> other.
>> 
>>  It only happens before you try to submit the form, after a page
>> submit everything works fine.
>> 
>> Anybody who has a clue?
>> 

<>

[jQuery] Re: Validation plugin (bassistance.de) problem


The behaviour is described here:
http://docs.jquery.com/Plugins/Validation/Reference#Validation_event

Jörn

On Fri, Apr 17, 2009 at 10:46 AM, Jonas  wrote:
>
> Example form: http://jquery.bassistance.de/validate/demo/milk/
> (this is the demo for the script on bassistance.de)
>
> When it does 'live' validation (on blur) it tells the user if the
> field is correct or incorrect. When you fill in the first field, tab
> to the next field, go back to the previous (allready filled in) field
> and clear it, it still counts as valid (notice the icon next to the
> field).
>
> Since the field is now empty, it should state as invalid, but it
> doesn't.
>
> This behaviour is random, sometimes it works, sometimes it doesn't.
> Sometimes it happens in the first field, sometimes on one of the
> other.
>
>  It only happens before you try to submit the form, after a page
> submit everything works fine.
>
> Anybody who has a clue?
>


[jQuery] Re: Validation and Facebox


Thanks for your advice Byron!
I was experiencing the same problem Bob described and your solution
worked perfectly.
BTW, using clone(true) didn't work in my case neither.

On Mar 18, 10:36 am, byron  wrote:
> In case anyone else stumbles upon this, I will give my solution to the
> problem (hours later, of course).
>
> So the issue is that Facebox is using the clone() method to move the
> DOM elements around in $.facebox.fillFaceboxFromHref.  Now a fix that
> worked on some of my pages was to simply using the other form of the
> clone() method -> clone(true).  Giving the boolean true tells JQuery
> to copy the event handlers as well as the DOM stuff.  Like I said,
> this only worked on a couple of my pages.  The final solution I came
> upon was to completely change how it sends the DOM element to the
> reveal method of Facebox.  This involved changing the following
> things:
>
> $.extend($.facebox, {
>     settings: {
>         dom_data: null,
>         dom: null,
> ...
> *add in the variables dom and dom_data in the main declaration of
> facebox
>
> if (href.match(/#/)) {
>       var url    = window.location.href.split('#')[0]
>       var target = href.replace(url,'')
>       $.facebox.settings.dom = target;
>       $.facebox.settings.dom_data = $(target).children();
>       $.facebox.reveal($(target).children().show(), klass)
> ...
> *this is in fillFaceboxFromHref
>
> finally,
>
> $(document).bind('close.facebox', function() {
>         if($.facebox.settings.dom){
>                 $($.facebox.settings.dom).append($.facebox.settings.dom_data);
>
>                 $.facebox.settings.dom = null;
>                 $.facebox.settings.dom_data = null;
>         }
> ...
> * this is at the end of the file
>
> The changes here are avoiding the cloning process entirely.  Instead
> we are moving the elements to the Facebox and then moving them back
> when we close the thing.  This seems to work.  It looks like it is a
> little slower, or maybe it is just me.  Hopefully this helps someone.
>
> On Feb 24, 1:57 pm, Bob O  wrote:
>
> > Hello,
> > Ive been using the Validation plugin on my site and it works
> > fantastic. i have run into an issue with trying to get it to perform
> > validation on a form that resides in a facebox.
>
> > I setup the validation the same as any other form in the site. what
> > could i be missing?


[jQuery] Re: Validation plugin remote problem

The response for the remote request is wrong:
http://betan.midoo.se/?data%5BUser%5D%5Bemail%5D=bla%40bla.com
That should be just "true", nothing else.

And, completely unrelated: The error message isn't hidden for a valid
field. You can check the state of the field in Firebug. Once its
valid, the error-class is removed. But the error label isn't hidden,
for whatever reason.

To debug this, please include an uncompressed jquery.validate.js file
and enable the debug option (debug:true).

Jörn

On Tue, Apr 14, 2009 at 12:06 AM, Victorr  wrote:
>
> Sure. I translated the error messages to english so that you would
> understand :)
> http://betan.midoo.se
>
> On 13 Apr, 16:28, Jörn Zaefferer 
> wrote:
>> Could you post a testpage? Can't see anything wrong in the snippets
>> you provided - its probably something seemingly unrelated.
>>
>> Jörn
>>
>> On Sun, Apr 12, 2009 at 4:18 PM, Victorr  wrote:
>>
>> > Ok. But what do i need too echo to get a false value and an error
>> > message?
>>
>> > thanks!
>>
>> > On 12 Apr, 10:37, Jörn Zaefferer 
>> > wrote:
>> >> You need to echo "true" for a valid value.
>>
>> >> Jörn
>>
>> >> On Sun, Apr 12, 2009 at 1:02 AM, Victorr  wrote:
>>
>> >> > I'm using CakePHP, jQuery and the validation plugin. I'm having some
>> >> > problems. I'm trying to check if a email is already in use but I can't
>> >> > seem to get it too work.
>>
>> >> > I'm just trying to get a error message to see that it works but I
>> >> > can't seem to get it right.
>>
>> >> > Javascript:
>>
>> >> > $(document).ready(function() {
>> >> >        $("#UserIndexForm").validate({
>> >> >                rules: {
>> >> >                        "data[User][email]": {
>> >> >                                required: true,
>> >> >                                email: true,
>> >> >                                remote: "/"
>> >> >                        },
>> >> >                        "data[User][passwrd]": {
>> >> >                                required: true,
>> >> >                                minlength: 5
>> >> >                        },
>> >> >                },
>> >> >                messages: {
>> >> >                        "data[User][email]": {
>> >> >                                required: "Du måste ange en e-post 
>> >> > adress.",
>> >> >                                email: "Du måste ange en giltig e-post 
>> >> > adress.",
>> >> >                                remote: "E-post adressen du angav är 
>> >> > upptagen."
>> >> >                        },
>> >> >                        "data[User][passwrd]": {
>> >> >                                required: "Du måste ange ett lösenord.",
>> >> >                                minlength: "Ditt lösenord måste vara 
>> >> > minst 5 tecken."
>> >> >                        }
>> >> >                }
>> >> >        });
>> >> > });
>>
>> >> > And the controller:
>>
>> >> >                if ($this->RequestHandler->isAjax() && 
>> >> > !empty($_REQUEST['data']
>> >> > ['User']['email'])) {
>> >> >                        $valid = 'false';
>> >> >                        echo $valid;
>> >> >                }
>>
>> >> > Thanks!


[jQuery] Re: Validation plugin remote problem


Sure. I translated the error messages to english so that you would
understand :)
http://betan.midoo.se

On 13 Apr, 16:28, Jörn Zaefferer 
wrote:
> Could you post a testpage? Can't see anything wrong in the snippets
> you provided - its probably something seemingly unrelated.
>
> Jörn
>
> On Sun, Apr 12, 2009 at 4:18 PM, Victorr  wrote:
>
> > Ok. But what do i need too echo to get a false value and an error
> > message?
>
> > thanks!
>
> > On 12 Apr, 10:37, Jörn Zaefferer 
> > wrote:
> >> You need to echo "true" for a valid value.
>
> >> Jörn
>
> >> On Sun, Apr 12, 2009 at 1:02 AM, Victorr  wrote:
>
> >> > I'm using CakePHP, jQuery and the validation plugin. I'm having some
> >> > problems. I'm trying to check if a email is already in use but I can't
> >> > seem to get it too work.
>
> >> > I'm just trying to get a error message to see that it works but I
> >> > can't seem to get it right.
>
> >> > Javascript:
>
> >> > $(document).ready(function() {
> >> >        $("#UserIndexForm").validate({
> >> >                rules: {
> >> >                        "data[User][email]": {
> >> >                                required: true,
> >> >                                email: true,
> >> >                                remote: "/"
> >> >                        },
> >> >                        "data[User][passwrd]": {
> >> >                                required: true,
> >> >                                minlength: 5
> >> >                        },
> >> >                },
> >> >                messages: {
> >> >                        "data[User][email]": {
> >> >                                required: "Du måste ange en e-post 
> >> > adress.",
> >> >                                email: "Du måste ange en giltig e-post 
> >> > adress.",
> >> >                                remote: "E-post adressen du angav är 
> >> > upptagen."
> >> >                        },
> >> >                        "data[User][passwrd]": {
> >> >                                required: "Du måste ange ett lösenord.",
> >> >                                minlength: "Ditt lösenord måste vara 
> >> > minst 5 tecken."
> >> >                        }
> >> >                }
> >> >        });
> >> > });
>
> >> > And the controller:
>
> >> >                if ($this->RequestHandler->isAjax() && 
> >> > !empty($_REQUEST['data']
> >> > ['User']['email'])) {
> >> >                        $valid = 'false';
> >> >                        echo $valid;
> >> >                }
>
> >> > Thanks!


[jQuery] Re: Validation plugin remote problem

Could you post a testpage? Can't see anything wrong in the snippets
you provided - its probably something seemingly unrelated.

Jörn

On Sun, Apr 12, 2009 at 4:18 PM, Victorr  wrote:
>
> Ok. But what do i need too echo to get a false value and an error
> message?
>
> thanks!
>
> On 12 Apr, 10:37, Jörn Zaefferer 
> wrote:
>> You need to echo "true" for a valid value.
>>
>> Jörn
>>
>> On Sun, Apr 12, 2009 at 1:02 AM, Victorr  wrote:
>>
>> > I'm using CakePHP, jQuery and the validation plugin. I'm having some
>> > problems. I'm trying to check if a email is already in use but I can't
>> > seem to get it too work.
>>
>> > I'm just trying to get a error message to see that it works but I
>> > can't seem to get it right.
>>
>> > Javascript:
>>
>> > $(document).ready(function() {
>> >        $("#UserIndexForm").validate({
>> >                rules: {
>> >                        "data[User][email]": {
>> >                                required: true,
>> >                                email: true,
>> >                                remote: "/"
>> >                        },
>> >                        "data[User][passwrd]": {
>> >                                required: true,
>> >                                minlength: 5
>> >                        },
>> >                },
>> >                messages: {
>> >                        "data[User][email]": {
>> >                                required: "Du måste ange en e-post adress.",
>> >                                email: "Du måste ange en giltig e-post 
>> > adress.",
>> >                                remote: "E-post adressen du angav är 
>> > upptagen."
>> >                        },
>> >                        "data[User][passwrd]": {
>> >                                required: "Du måste ange ett lösenord.",
>> >                                minlength: "Ditt lösenord måste vara minst 
>> > 5 tecken."
>> >                        }
>> >                }
>> >        });
>> > });
>>
>> > And the controller:
>>
>> >                if ($this->RequestHandler->isAjax() && 
>> > !empty($_REQUEST['data']
>> > ['User']['email'])) {
>> >                        $valid = 'false';
>> >                        echo $valid;
>> >                }
>>
>> > Thanks!


[jQuery] Re: Validation plugin remote problem


Ok. But what do i need too echo to get a false value and an error
message?

thanks!

On 12 Apr, 10:37, Jörn Zaefferer 
wrote:
> You need to echo "true" for a valid value.
>
> Jörn
>
> On Sun, Apr 12, 2009 at 1:02 AM, Victorr  wrote:
>
> > I'm using CakePHP, jQuery and the validation plugin. I'm having some
> > problems. I'm trying to check if a email is already in use but I can't
> > seem to get it too work.
>
> > I'm just trying to get a error message to see that it works but I
> > can't seem to get it right.
>
> > Javascript:
>
> > $(document).ready(function() {
> >        $("#UserIndexForm").validate({
> >                rules: {
> >                        "data[User][email]": {
> >                                required: true,
> >                                email: true,
> >                                remote: "/"
> >                        },
> >                        "data[User][passwrd]": {
> >                                required: true,
> >                                minlength: 5
> >                        },
> >                },
> >                messages: {
> >                        "data[User][email]": {
> >                                required: "Du måste ange en e-post adress.",
> >                                email: "Du måste ange en giltig e-post 
> > adress.",
> >                                remote: "E-post adressen du angav är 
> > upptagen."
> >                        },
> >                        "data[User][passwrd]": {
> >                                required: "Du måste ange ett lösenord.",
> >                                minlength: "Ditt lösenord måste vara minst 5 
> > tecken."
> >                        }
> >                }
> >        });
> > });
>
> > And the controller:
>
> >                if ($this->RequestHandler->isAjax() && 
> > !empty($_REQUEST['data']
> > ['User']['email'])) {
> >                        $valid = 'false';
> >                        echo $valid;
> >                }
>
> > Thanks!


[jQuery] Re: Validation plugin remote problem

You need to echo "true" for a valid value.

Jörn

On Sun, Apr 12, 2009 at 1:02 AM, Victorr  wrote:
>
> I'm using CakePHP, jQuery and the validation plugin. I'm having some
> problems. I'm trying to check if a email is already in use but I can't
> seem to get it too work.
>
> I'm just trying to get a error message to see that it works but I
> can't seem to get it right.
>
> Javascript:
>
> $(document).ready(function() {
>        $("#UserIndexForm").validate({
>                rules: {
>                        "data[User][email]": {
>                                required: true,
>                                email: true,
>                                remote: "/"
>                        },
>                        "data[User][passwrd]": {
>                                required: true,
>                                minlength: 5
>                        },
>                },
>                messages: {
>                        "data[User][email]": {
>                                required: "Du måste ange en e-post adress.",
>                                email: "Du måste ange en giltig e-post 
> adress.",
>                                remote: "E-post adressen du angav är upptagen."
>                        },
>                        "data[User][passwrd]": {
>                                required: "Du måste ange ett lösenord.",
>                                minlength: "Ditt lösenord måste vara minst 5 
> tecken."
>                        }
>                }
>        });
> });
>
> And the controller:
>
>                if ($this->RequestHandler->isAjax() && !empty($_REQUEST['data']
> ['User']['email'])) {
>                        $valid = 'false';
>                        echo $valid;
>                }
>
>
> Thanks!


[jQuery] Re: Validation CheckBoxes group



Luigi,


This should work for you:
var isChecked = false;
$('.campi[name="license"]').each(function(){
  if ( $(this).attr('checked') )
isChecked = true;
});


SEAN O
http://www.sean-o.com



Ciupaz wrote:
> 
> Hi all,
> in my .aspx page I have a series of checkboxes for the driver license:
> 
> 
>A
>B
>C
>D
>E
>F
>K
> 
> 
> How can I validate that at least one of them is checked? (one or more).
> 
> Thanks in advance.
> 
> Luigi
> 

-- 
View this message in context: 
http://www.nabble.com/Validation-CheckBoxes-group-tp22906364s27240p22908236.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: Validation one field depends on the value of another field


The infamous jQuery Validate Plug-in gets the job done:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

On Apr 2, 3:03 am, dremay  wrote:
> Hello,
>
> I want to validate a field by using JQuery and it also need to
> consider the value of another field during the checking.
>
> I have the following:
>
> 
>
> 
>
> When someone press the submit button, i want to validate the place
> value by using Ajax.. And also need to pass the value of region.
>
> Please help me
>
> Thank You


[jQuery] Re: [validation]


Hi Jörn,

yes I have had a look at the lozalization files. I have even create
one. What I would like to know is how the plugin manages these files,
as I don't know how to access them.

Does the plugin itself retrieve the proper localization file? I have
retrieve it by means of a localization plugin, but I don't know if I
am doing it the right way.
Does the plugin have any method to load any message of the proper
lozalization file? If not, how could I get the message.

For example,  insted of this:

messages: {
name: "Please enter your firstname",
surname: "Please enter your lastname",
usr: {
required: "Please enter a username",
minlength: "Your username must consist of at 
least 2 characters"
},
psswrd: {
required: "Please provide a password",
minlength: "Your password must be at least 5 
characters long"
},
check_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 
characters long",
equalTo: "Please enter the same password as 
above"
},
mail: "Please enter a valid email address",
}

I would like to do this:

messages: {
name: required
surname: required,
usr: {
required: required,
minlength: minlength
},
psswrd: {
required: required,
minlength: minlength
},
check_password: {
required: required,
minlength: minlength,
equalTo: equalTo
},
mail: email,
}

Where required, minlength, etc. are defined in the lozalization file,
but it does not work.

David

On 2 abr, 10:11, Jörn Zaefferer 
wrote:
> See any of the localization files for 
> reference:http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/localizatio...
>
> Jörn
>
> On Thu, Apr 2, 2009 at 8:01 AM, david.garc...@barcelonamedia.org
>
>  wrote:
>
> > Hello,
>
> > I am using jQuery validation plugin. I have read about the plugin in
> > your website as well as in jQuery plugins forums. I am using it and it
> > works perfectly. My doubt is how can I use the localize messages? I
> > don't know if the plugin has a method or a way to access the messages
> > or I have to get them manually, as these messages are inside:
>
> > jQuery.extend(jQuery.validator.messages, {...});
>
> > If I use, for example, the message in 'required' variable, it does not
> > work, as I try to get it by using simply 'required'. I suppose this is
> > because 'required' is inside the function jQuery.validator.messages.
>
> > that's why I ask you if the oplugin has a method itself to get these
> > messages.
>
> > Thanks,
>
> > David


[jQuery] Re: [validation]


See any of the localization files for reference:
http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/localization/messages_nl.js

Jörn

On Thu, Apr 2, 2009 at 8:01 AM, david.garc...@barcelonamedia.org
 wrote:
>
> Hello,
>
> I am using jQuery validation plugin. I have read about the plugin in
> your website as well as in jQuery plugins forums. I am using it and it
> works perfectly. My doubt is how can I use the localize messages? I
> don't know if the plugin has a method or a way to access the messages
> or I have to get them manually, as these messages are inside:
>
> jQuery.extend(jQuery.validator.messages, {...});
>
> If I use, for example, the message in 'required' variable, it does not
> work, as I try to get it by using simply 'required'. I suppose this is
> because 'required' is inside the function jQuery.validator.messages.
>
> that's why I ask you if the oplugin has a method itself to get these
> messages.
>
> Thanks,
>
> David


[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


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 -
>
>


[jQuery] Re: Validation Success Callback


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 -
>
>


[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


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 -
>
>


[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] Re: Validation


As the author, I recommend this plugin:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

You always have to write serverside validation. Clientside validation
must be entirely optional. Thats pretty much all there is.

Jörn

On Sun, Mar 29, 2009 at 4:05 PM, iceangel89  wrote:
>
> whats the best way/plugin for validation in jquery?
>
> just wondering whats the best practice for validation if user disables
> js?


[jQuery] Re: Validation Success Callback


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!!


  1   2   3   4   >