?
Solved

Browser Form Validation Problem

Posted on 2010-03-27
2
Medium Priority
?
827 Views
Last Modified: 2013-11-10
Hi folks!

I am having a problem getting a mail form to validate in IE.  Please visit:

http://www.mattcashatt.com/contact.php

Please type only one letter in the "name" input or type an invalid e-mail address in the "e-mail" input and then move to the next input.  As you can see, the validation fires as it should.

NOW, please go to:

http://www.mattcashatt.com/test.htm

Please click on the mail icon and you will get a modal with the same mail form (contact.php) in an iframe.  

In FF and Chrome, the validation still fires as it should but not in IE.  In IE, it doesn't validate at all when in the modal/iframe.

I suspect that the problem lies in the little bit of javascript in contact.php that attaches an event listener to the window.  I'll bet that the IE DOM is different than the other browsers and hence not attaching the listener as it should but I can't seem to find the right approach.

I have posted a zip folder containing "test.htm", "contact.php", and all relevant CSS and JS files at this address:

http://www.mattcashatt.com/form_problem.zip

Many thanks in advance!

Matt

0
Comment
Question by:mattcashatt
2 Comments
 

Expert Comment

by:superwmh
ID: 28886636
I'm using IE and the validation works fine with iframe/modal.
0
 
LVL 11

Accepted Solution

by:
Bruce Smith earned 2000 total points
ID: 28938128
Hey Matt, the test.htm page doesn't work correctly. The email button appears to load the home page in the pop-up, not the form. Check out the image attached - it's the screenshot of what I see.
Untitled.png
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

These days socially coordinated efforts have turned into a critical requirement for enterprises.
Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question