Solved

Page reload on form submission with Javascript alert stops page from rendering

Posted on 2010-11-09
7
464 Views
Last Modified: 2013-12-07
In the attached HTML file... if you fill out this form, it points to itself for validation on the server side. If not all required fields are filled in, in the <head> area this is inserted:

<script language="javascript" type="text/javascript">
alert ("One or more required fields was not filled in, please answer all questions.");
</script>

The rest of the page is just HTML. In all browsers EXCEPT Firefox, this works fine and the form is redisplayed so the user can fill in the required fields. However, most of the time, in Firefox... I just get a blank white screen. The attached file is the page source when this happens. The code looks fine, but Firefox stops rendering the page for some reason. I can't get any other browser to do this, and it happens in both Windows and Mac versions of Firefox.

Any workaround for this? Thank you!

temp.htm
0
Comment
Question by:bbdesign
  • 3
  • 3
7 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34094862
Why alert? Insert it on the page instead in a bold red header
0
 

Author Comment

by:bbdesign
ID: 34095049
The alert gets people's attention. Although your comment may be accurate, it doesn't explain why this is happening in the first place. It shouldn't be a problem, and I have used this same technique for years on many websites, so its sort of a big concern for me.
0
 
LVL 7

Expert Comment

by:dxdinh
ID: 34095068
If you use classic ASP then after the Response.Write ("<script> alert ('....')</script>")

do a Response.End
or if you set buffer = true the do the Response.flush
0
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 

Author Comment

by:bbdesign
ID: 34095486
The response buffer controls what the server is sending to the client, but it has nothing to do with the actual final rendering of the page, does it? That wouldn't change the page source at all.
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 34095581
Your page loads fine in Fx 3.6 on Mac
I suggest you add the script like this:

EITHER just before the end body tag OR

            <script language="javascript" type="text/javascript">
window.onload=function() {
  alert ("One or more required fields was not filled in, please answer all questions.");
            }
</script>

0
 

Author Comment

by:bbdesign
ID: 34096255
Adding the window.onload and function seems to have fixed it! Thanks.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34097624
YW :)
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article discusses how to implement server side field validation and display customized error messages to the client.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

726 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