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 5 of 5
  1. #1
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,094
    Thanks
    15
    Thanked 1 Time in 1 Post

    jQuery Validate outputting error messages at top of screen

    Hi all,

    I have an issue that seems to relate to IE6 only. Tested and working in IE8 and FF3.

    If you go to the following page and click 'Buy Now' at the bottom of the page to submit the form the jQuery validate library error messages are displayed at the top of the page, rather than next to the corresponding form element:

    http://bit.ly/cc97GP

    Any help appreciated with this one. Seems to work fine in IE8 and FF3 as mentioned.

    Best Regards,
    Picco

  • #2
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,094
    Thanks
    15
    Thanked 1 Time in 1 Post
    Hi,

    Can anyone spot what my issue might be here? I haven't managed to get to the bottom of this.

    Cheers,
    Picco

  • #3
    Regular Coder
    Join Date
    Aug 2010
    Posts
    966
    Thanks
    19
    Thanked 211 Times in 209 Posts
    Quote Originally Posted by crmpicco View Post
    Hi,

    Can anyone spot what my issue might be here? I haven't managed to get to the bottom of this.

    Cheers,
    Picco
    This is not really a javascript question,
    but i will give a javascript answer ...
    use a lbrary like http://www.javascripttoolbox.com/lib/objectposition/
    to easily position objects in a cross browser fashion

  • #4
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,094
    Thanks
    15
    Thanked 1 Time in 1 Post
    Can this be used with jQuery validate?

  • #5
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,094
    Thanks
    15
    Thanked 1 Time in 1 Post
    If you take a look at the attached screenshot you'll see the problem on IE6. The URL to replicate this is as below:

    http://bit.ly/cc97GP

    The CSS being used is as follows:
    Code:
    #checkout label.error {
    color:red;
    float:right;
    position:relative;
    text-align:left;
    width:300px;
    Is this valid on IE6?

    BR.
    Attached Thumbnails Attached Thumbnails jQuery Validate outputting error messages at top of screen-jquery_validate_error_placement_on_ie6.jpg  


  •  

    Tags for this Thread

    Posting Permissions

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