IE Validation Problem (and Firefox woe)

  • Profile Image
    Asked on January 16, 2011 at 04:10 PM

    I'm really happy with my form in Chrome, but the problem is that the javascript version doesn't validate in IE. The form does validate if I use the iframe code; however, it also loads the form with loads of extra whitespace.

    The form can be found here:

    Note that there are two forms shown on this page:
    #1 is javascript which doesn't validate correctly 
    #2 is iframe, which has lots of white space

    Another problem is that when validation messages appear, the containing div doesn't expand to account for the extra height the validation errors add. This is not a problem in Chrome.

    What I want:
      • Form to validate in all browsers
      • containing div to accommodate validation errors in all browsers
      • No extra whitespace when embedding my form


  • Profile Image
    Answered on January 17, 2011 at 08:13 AM

    I see what you mean. On Iframe code, you get whitespace problem. On javascript code you cannot get it to validate. 

    I think you should use the JavaScript code and solve the validation problem. I'm not sure what does not validate but it should not be too difficult to fix. 

  • Profile Image
    Answered on January 17, 2011 at 09:43 AM

    Looks like it's a Joomla-specific problem. When I load the code in an article, all is well. When loaded into a module, it doesn't validate in IE. Additionally, article containers appear to resize smoothly to accommodate, whereas modules do not.

    I even tried to trick it by loading an article into a module position, but no dice. Any idea why that might be happening?

  • Profile Image
    Answered on January 18, 2011 at 09:28 AM

    Sorry, I'm not very familiar with Joomla.