Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Oct 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Multiline form validation - How to tell the user

    Hey,

    Im making a php based application that has a multiline form for a sales quote as bellow



    Now my problem is, when entering the quote the table has input boxes etc. But when there is an error in a certain field i need to tell the user

    This is not a technological problem but rather interface design issue. How do i show the user they forgot to enter the quantity on line 13 of a large quote etc. The obvious is change the line background colour, but i would like to TELL them what is wrong rather than say "there is something wrong on line 13" as changing the line background would say

    Any help is appreciated,
    Phill

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Message area

    A solution I've seen in a number of places is to make room in the vicinity of the table somehow where you can list messages indicating errors made in the form; here you can decribe in clear text what needs to be done.
    By all means, always highlight the affected fields, too.

    An example of this approach is described by Ryan Brill in "Nice Error Messages".
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here's what I'd do...
    Show the user a similar (but NOT identical -- it must make it known that this is a correction screen; not additional orders ) form with only the incorrect rows. This would solve the problem of reporting multiple errors within a single order.

    The other option I considered is adding an id to each <tr> and using a fragment identifyier in the URI to redirect the user to the row containing the error. The problem with this is that it could only point to the first error.

    Ronald: I must respectfully disagree with you on this occasion. :P
    Whilst any message is better than none, messages at the top of forms aren't much help unless: a) you are using a visual browser without screen magnification; and b) you can see the whole form at once.
    Scrolling back and forth is an option for visual users on a large form, but they very rarely enjoy it and are likely to become frustrated. If we're asking for a large form to be filled out it's probably a crucial component of the site goals -- a very good reason to make it as painless as possible for the customers/users

    For displaying error messages in regular forms, this technique is tha bomb
    http://simplyaccessible.org/article/form-error-messages
    Last edited by mindlessLemming; 10-25-2005 at 09:49 AM.

    I take no responsibility for the above nonsense.


    Left Justified

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Not that large?

    Andrew,

    Accessibility issues duely noted, but from the initial example I didn't get the impression that this was a particularly large form: this only confirms the risk of misinterpretations cut-n-paste snippets of pages bring.

    I guess a look at the entire page, including a typical content, would be the best step now.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •