Ok, the problem with the non-validated fields submitting on hitting
return twice is resolved by removing the following...
onfocusout: function(element) {
$(element).valid();
},
The problem is, I want this as I want an error to show if they tab
through required fields and leave them blank.
It doesn't resolve the issue of the first submit still focusing on the
last field focused and the second submit then moving the focus.
On Sep 16, 10:00 am, Geoffrey <geoffreydhug...@gmail.com> wrote:
> Not for me.
>
> In Safari 4 and Firefox 3.5.3 under Snow Leopard and Firefox 3.5.3
> under XP:
>
> Click in a required field (not the first one) and hit return. Focus
> stays in the focused field. Hit return again and the focus jumps to
> the first invalid field.
>
> If you focus a non-required field and hit return, the focus stays in
> the non-required field but you do get the error messages for invalid
> fields. If you hit return again, the focus jumps to the first invalid
> field but then the form submits successfully.
>
> In Internet Explorer 7 under XP:
>
> Click in required field (not the first one) and hit return. Focus
> stays in the focused field. Hit return again and the focus stays in
> the focused field.
>
> If you focus on a non-required element and hit return, the focus jumps
> to the first invalid field.
>
> On Sep 16, 9:44 am, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
> wrote:
>
>
>
> > I can't reproduce that. Seems to work fine for me.
>
> > Jörn
>
> > On Tue, Sep 15, 2009 at 11:40 PM, Geoffrey <geoffreydhug...@gmail.com>
> > wrote:
>
> > > Hmmm...I tried this but I discovered on the first submit that it
> > > doesn't focus the first invalid field but it will if I hit return to
> > > submit again.
>
> > > Also, when hitting submit on a field that's not checked for validity,
> > > the form will submit successfully this second time as well despite
> > > still having invalid fields.
>
> > > You can test it out using my sample form from the OP.
>
> > > On Sep 16, 8:37 am, Geoffrey <geoffreydhug...@gmail.com> wrote:
> > >> Damn. I always forget about :first.
>
> > >> Thanks.
>
> > >> On Sep 16, 8:34 am, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
> > >> wrote:
>
> > >> > Something like this?
>
> > >> > $("form").validate({
> > >> > focusInvalid: false,
> > >> > invalidHandler: function() {
> > >> > $(this).find(":input.error:first").focus();
> > >> > }
>
> > >> > });
>
> > >> > Jörn
>
> > >> > On Tue, Sep 15, 2009 at 10:24 PM, Geoffrey <geoffreydhug...@gmail.com>
> > >> > wrote:
>
> > >> > > I guess I'm going to have too. I just need to work out how to return
> > >> > > the first invalid field so I can set the focus.
>
> > >> > > On Sep 16, 8:16 am, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
> > >> > > wrote:
> > >> > >> Well, you can set focusInvalid: false and implement invalidHandler
> > >> > >> to
> > >> > >> focus the first field. That should do the trick.
>
> > >> > >> Jörn
>
> > >> > >> On Tue, Sep 15, 2009 at 10:01 PM, Geoffrey
> > >> > >> <geoffreydhug...@gmail.com> wrote:
>
> > >> > >> > And what if you enter an invalid character in an input at the
> > >> > >> > bottom
> > >> > >> > of the field? For example entering a letter in the Conference
> > >> > >> > Dinner
> > >> > >> > input of my sample form.
>
> > >> > >> > A user is going to miss the error message at the top of the form
> > >> > >> > along
> > >> > >> > with other input errors if there's an error in the last inputs of
> > >> > >> > my
> > >> > >> > example form and is going to have submit multiple times before
> > >> > >> > they
> > >> > >> > may even be aware of other errors.
>
> > >> > >> > I'd expected jumping to the first invalid input to be standard
> > >> > >> > behaviour. My fault there I guess.
>
> > >> > >> > On Sep 15, 10:08 pm, Jörn Zaefferer
> > >> > >> > <joern.zaeffe...@googlemail.com>
> > >> > >> > wrote:
> > >> > >> >> Whats wrong with keeping the focus on the active field, if its
> > >> > >> >> invalid?
>
> > >> > >> >> If you enter something into the, say, third field, hit enter to
> > >> > >> >> submit, then it turns out both that field and another before
> > >> > >> >> that are
> > >> > >> >> invalid, why move the focus to a different field?
>
> > >> > >> >> Jörn
>
> > >> > >> >> On Tue, Sep 8, 2009 at 4:47 AM, Geoffrey
> > >> > >> >> <geoffreydhug...@gmail.com> wrote:
>
> > >> > >> >> > I've been building up my validation using the jquery
> > >> > >> >> > validation plugin
> > >> > >> >> > but I can't work out how to get a failed validation to default
> > >> > >> >> > the
> > >> > >> >> > focus to the first invalid input rather than to the last
> > >> > >> >> > selected
> > >> > >> >> > input.
>
> > >> > >> >> > If there is no input field selected, when I submit then a
> > >> > >> >> > failed
> > >> > >> >> > validation will focus the cursor on the first field but if the
> > >> > >> >> > cursor
> > >> > >> >> > was left in a field and submitted then the focus stays there
> > >> > >> >> > (if it's
> > >> > >> >> > invalid) rather than jump to the first invalid input. From
> > >> > >> >> > what I've
> > >> > >> >> > read and seen, this is the expected behaviour but not what I
> > >> > >> >> > want.
>
> > >> > >> >> > Is there a way I can get the first invalid field and set the
> > >> > >> >> > focus to
> > >> > >> >> > that?
>
> > >> > >> >> > A demo of what I have built up so far can be seen at
> > >> > >> >> >https://webdev2.otago.ac.nz/oihrn2009/
>
> > >> > >> >> > All my jquery validation can be found in
> > >> > >> >> >https://webdev2.otago.ac.nz/oihrn2009/javascript/document.ready.all.js
