aspose file tools
The moose likes HTML, CSS and JavaScript and the fly likes validating mulitple fields with the blur event Big Moose Saloon
  Search | Java FAQ | Recent Topics
Register / Login


JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Reply Bookmark "validating mulitple fields with the blur event" Watch "validating mulitple fields with the blur event" New topic
Author

validating mulitple fields with the blur event

J. Kevin Robbins
Ranch Hand

Joined: Dec 16, 2010
Posts: 394
    
    3

I have a form with 13 text input boxes. I'm trying to validate each one as the user tabs out of the field like so:


My problem is that the cursor has moved to the next field by the time this runs, so when the line "$('#conversionData').focus().select();" runs to move the cursor back to the field with the error, it triggers the blur event on the following field resulting in an error message for a field that, as far as the user is concerned, they haven't even tried to enter data yet.

The only solution I can think of is to wait and do all validation after the submit button is clicked, resulting in possibly multiple error messages at once. I know that most websites validate after you click the submit button so maybe that's what users expect and I shouldn't break that paradigm?

Am I missing another technique for validating each field one at a time? Waiting for the button to be clicked seems like late in the process for validation, but that's just my personal opinion.


"There is no reason for any individual to have a computer in his home" ~ Ken Olson, Co-founder of DEC, 1977
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 56531
    
  14

As you are a already using jQuery I see no reason that you shouldn't be using the validation plugin.

It waits until the form is submitted to validate, but once that happens, each field is validated individually. It will even remove error messages as the input of the individual fields satisfy the validation rules.

I think that'd be a much better approach than trying to roll your own.


[Smart Questions] [JSP FAQ] [Books by Bear] [Bear's FrontMan] [About Bear]
J. Kevin Robbins
Ranch Hand

Joined: Dec 16, 2010
Posts: 394
    
    3

Thanks for the tip, Bear. I'll go download that plugin now and take a look at it. I saw it mentioned in several of my searches but I haven't tried it yet.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: validating mulitple fields with the blur event
 
Similar Threads
Prevent the page refreshing
Is there something better then event.pageX/Y?
Check which button was clicked Form Plugin
focus
General question on validating textbox entries using the .blur event