alert box does not disappear

lsyhu · Jun 7, 2002

Hi,

I am maintaing an application which uses perl as the web language. On Netscape 4.7 (not IE) if the Date text field is entered incorrectly, the alert box never disappears when you click OK. The source html code is below. How to solve this problem? Thanks a lot

Lisa

------------------
<head>

<html>

<script language="javascript">
function validDate( dateStr )
{
var datePattern = /[0-9]{1,2}-[a-zA-Z]{3}-[0-9]{4}/;

if ( dateStr != "" ){
if (!datePattern.test(dateStr))
alert("Invalid date format. Format required is DD-MON-YYYY.&quot

;
}
}
</script>
</head>

<body>
<table>
<form name=form1 action=a.html>
<TR>
<td class="reqFont" align="left" width="100" height="30">
<b>Requested Completion Date</b>
</td>
<td class="reqFont" height="30" align="left" width="100">
<input type="text" name="DATE" value="" onBlur="validDate(this.value)">
<a href="#" onClick="window.dateField=document.reqTabForm.DATE;calendar=window.open('../html/calendarWin.htm', 'cal', 'width=200,height=250,top=' + dialogHeight + ',left=' + dialogWidth); return false" tabindex="-1"><img src="../images/calendarbutton.gif" border=0 width="20" height="20" alt="Date format: DD-MON-YYYY
(example: 01-JAN-2002)">
</a>
</td>
</TR>

<TR>
<td class="reqFont" align="left" width="100" height="30">
<b>hh</b>
</td>
<td width="30" height="30">
hh <input type="text" name="TO_TEST_TITLE" size="46" maxlength="46" value="">
</td>
</TR>

</form>
</table>
</body>

</html>
-----------------------

xutopia · Jun 7, 2002

onBlur="validDate(this.value)"

This calls validDate() where the alert() is every time the alert is not focuse on. It goes around in circles for that reason.

Try using a function that checks all your field when you try to submit.

<form onsubmit="checkForm()">

then whenever you try to submit it would run checkForm(). Do all your checks inside that function and if you find an error alert() the message, then focus() on the element and return false so the form is not submitted. If checkForm() finds no errors return true and your form will submit.

I hope this helps. Gary

http://www.xutopia.com

Haran

trollacious · Jun 7, 2002

I copied and pasted your code into an HTML document and tested it in Netscape 4.76, and it worked fine, only one alert.

Maybe add:

if ( dateStr != "" ){
if (!datePattern.test(dateStr)){
alert("Invalid date format. Format required is DD-MON-YYYY.&quot

;
document.form1.DATE.focus();
}
}

to put the focus back in the place where the error is.

lsyhu · Jun 7, 2002

Thanks for your reply. The HTML codes work well, but the code is generated by Perl, and it does not work in that way.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

alert box does not disappear

lsyhu

Programmer

xutopia

Programmer

trollacious

Programmer

lsyhu

Programmer

Similar threads

Part and Inventory Search

Sponsor