Hello, Thank you for visiting - I hope that you will find useful information. Leave a comment but if you have any comments on the subject.
Formularvalildierung
What makes a good website? There certainly are many points to it, but a good Web site is different from the average good times in the small details that "feels" good when operating a Web site. This includes an excellent form validation. But what are the differences and quality factors in the data validation?
When should the data be checked?
The best and most user-friendly in my opinion is a check directly to the input of the user. So, an inline form validation. At this time, the user will focus on the contents of the field. Exactly at this point you should be alerted to errors as you type. If the user later pointed to incorrect entries in the worst case it must scroll back to the only relevant field and occupy himself with the necessary data. Therefore, the primary validation of the data directly after the input. To get even with JavaScript disabled correct entries must have a secondary inspection done on the server side.
Caution: make sure any errors, consult that will remain the entries of the user.
Similar results also Luke Wroblewski is in its test series . In these tests, an increase in conversion rate and the time required has been demonstrated successfully submit a form.
During my research for this article, I was once again made aware that this method of form validation on many major Web sites will not be used. The strange thing here is that many Web sites of companies whose sales or business model is highly dependent on the forms on the website. However, these forms seem incomprehensibly just to be neglected. Thus error messages visible only after submitting the button, and then lost to optically highlighted fields with incorrect entries were not marked and in some instances, even the entries of the previous experiment. If you are now considering, for example, that one in twenty visitors fails to send the form successfully, you can easily imagine that small improvements can make very quickly paid.
The free program
With a review in near real time while entering it has achieved a lot. But it gets even better. Why should we be content to see the error as soon as possible? Much nicer it would be a large number of errors to avoid in advance. This is recommended for areas which do not clearly display a short help text are. This might take the form similar to the Fehelrmeldungen gift, just something subtle color. It is important however that does not offer too many help texts. I therefore recommend appropriate assistance to present only when the field receives the focus. Will appear when you click in the text field an explanatory information. After the user has jumped to the next field of the message will disappear.
As icing on the cake, it has yet to be correctly filled fields marked with a symbol. A good example of these points provides Yahoo (see Showcase).
Inline scripts for form validation
To put the whole thing, there are some JavaScript libraries make life easier.
Ketchup plugin - jQuery Form Validation
Position Absolute Form Validation - jQuery form validation with AJAX support optional
Leigeber Form Validation - JavaScript form validation on submit
bassistance.de Validation - jQuery Form Validation
jQuery Form Validation Live
Live Validation - Form Validation in 2 versions: Prototype and standalone
Mootools Form Validation - Form Validation with Mootools
Form Field Validation jVal
Showcase
Beautiful examples of how to design forms and the corresponding error indications.
Form validation Yahoo
Form validation with Twitter
Form Validation omgpop.com
Form validation brightkite.com
Formularvalildierung: Absolute Position Demo
jVal Formolarüberprüfung demo
Ähnnliche posts:
Christoph
25th May 2010 at 19:24
We use it for a few projects only absolute position - perfect to style, great handling for the user and also we have it encapsulated in a PHP class that automatically provides the appropriate responses for AJAX calls in the CMS. Simple form creation HERE for sustainable barely. I also like the syntax for the parameter Übergae good because it is easy to parse.
network-informant.de
25th January 2011 at 09:12
Personally, I find great Ajax. But unfortunately I do not like to use the Internet. If it's off to a user, is the Choas. There are simply people who have not been activated. I had to remember this again and again, when I once put a page for customers.