I have two identical textboxes and two identical images that go are next to
them. Only the names are different. I have onBlur trigger a function to make
sure the boxes were not left empty. If a textbox was left empty, the image
to the left of the box would be a warning icon. If an entry was made in the
textbox, that image would be a transparent GIF. The function works great on
the other 18 form fields. It only fails to work in IE on the first textbox
and one other textbox further down on the page. All textboxes work with the
function in NS.
Here's the function:
<script language="JavaS cript" type="text/javascript">
<!--
// Check for blank text fields and display warning image if blank
function error_check(tex tfield,checkima ge) {
testvalue = textfield.value .toLowerCase();
if (testvalue == 'none' ¦¦ testvalue == 'na' ¦¦ testvalue == 'n/a'){
alert('This fields is required. Please do NOT enter "none", "n/a",
etc.');
textfield.value = "";
textfield.focus ();
} else {
s = textfield.value ;
re = /\s+/g;
str = s.replace(re, "");
if (str.length > 0){
checkimage.src = "images/spacer.gif";
} else {
checkimage.src = "images/icon_warning.gi f";
}
}
}
//-->
</script>
and the form fields are:
<tr>
<td><strong>Pas sword</strong></td>
<td><img src="images/spacer.gif" name="imgpass1" width="17" height="17"
id="imgpass1"> </td>
<td><input name="pass1" type="password" id="pass1" style="width:20 0px"
maxlength="15" onBlur="error_c heck(this,imgpa ss1)"></td>
</tr>
<tr>
<td><strong>R e-Enter Password </strong></td>
<td><img src="images/spacer.gif" name="imgpass2" width="17" height="17"
id="imgpass2"> </td>
<td><input name="pass2" type="password" id="pass2" style="width:20 0px"
maxlength="15" onBlur="error_c heck(this,imgpa ss2)"></td>
</tr>
I cannot figure out why the first one doesn't work, while the second one
does. I also have one other textbox that this function doesn't seem to work
with. It works fine will the other 18 textboxes on the form. This is only
a problem in IE. Any ideas?
Thanks
