Current location: Hot Scripts Forums » General Web Coding » JavaScript » jQuery Validate outputting error messages at top of screen


jQuery Validate outputting error messages at top of screen

Reply
  #1 (permalink)  
Old 09-02-10, 10:41 AM
crmpicco's Avatar
crmpicco crmpicco is offline
Wannabe Coder
 
Join Date: Jan 2005
Posts: 124
Thanks: 0
Thanked 0 Times in 0 Posts
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:

Buy It Now

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

Best Regards,
Picco

Last edited by crmpicco; 09-02-10 at 10:42 AM. Reason: removing client name
Reply With Quote
  #2 (permalink)  
Old 09-03-10, 08:11 AM
crmpicco's Avatar
crmpicco crmpicco is offline
Wannabe Coder
 
Join Date: Jan 2005
Posts: 124
Thanks: 0
Thanked 0 Times in 0 Posts
Hi,

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

Cheers,
Picco
Reply With Quote
  #3 (permalink)  
Old 09-03-10, 08:30 AM
Yeroon's Avatar
Yeroon Yeroon is offline
Code Master
 
Join Date: Aug 2007
Location: Netherlands, Nijmegen
Posts: 850
Thanks: 2
Thanked 20 Times in 20 Posts
I'll have a go at this even though I don't have an IE6 browser anymore. We stopped supporting it in my company, so no need for it anymore here.

There seems to be a special IE6 css file loaded for the jquery validation, but i am not sure the check for less than IE7 is correct.

It says:

HTML Code:
<!--[if lt IE 7.]>
        <script defer type="text/javascript" src="http://psi.db-staging.co.uk/scripts/jquery/plugins/pngfix.js"></script>
        <link rel="stylesheet" media="all" href="http://psi.db-staging.co.uk/themes/base_w_en/css/ie6.css" type="text/css" />
    <![endif]--> 
I am not sure if the dot (.) after the 7 is correct.Might have to be:


HTML Code:
<!--[if lt IE 7]>
        <script defer type="text/javascript" src="http://psi.db-staging.co.uk/scripts/jquery/plugins/pngfix.js"></script>
        <link rel="stylesheet" media="all" href="http://psi.db-staging.co.uk/themes/base_w_en/css/ie6.css" type="text/css" />
    <![endif]--> 
Just a guess though.
__________________
Feel free to thank people if they help you by clicking thanks at a post.
=================================
Make it idiot proof and someone will make a better idiot.
=================================
Realise the impotence of proof reading everything you publish
Reply With Quote
  #4 (permalink)  
Old 09-07-10, 05:43 AM
crmpicco's Avatar
crmpicco crmpicco is offline
Wannabe Coder
 
Join Date: Jan 2005
Posts: 124
Thanks: 0
Thanked 0 Times in 0 Posts
Hi,

I tried removing the dot, but that had no effect. Not sure if this is anything to do with position: relative in the CSS? Is it likely to be CSS or jQuery causing this issue - i'm finding it hard to tell :-|

Any help appreciated.

Cheers,
Picco
Reply With Quote
  #5 (permalink)  
Old 09-08-10, 09:40 AM
crmpicco's Avatar
crmpicco crmpicco is offline
Wannabe Coder
 
Join Date: Jan 2005
Posts: 124
Thanks: 0
Thanked 0 Times in 0 Posts
If you take a look at the attached screenshot you'll see the problem on IE6. The URL to replicate this is as below:

Buy It Now

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 Images
File Type: jpg jquery_validate_error_placement_on_ie6.jpg (25.0 KB, 519 views)
Reply With Quote
Reply

Bookmarks

Tags
jquery, validate


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Superfish jquery menu problems with modification transcend2005 CSS 2 03-25-09 01:30 AM
Accordion Sliding to Screen Top on Open cesarcesar JavaScript 5 12-15-08 01:57 PM


All times are GMT -5. The time now is 02:03 AM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.