Problemer med IE!
Hej Eksperter.Jeg er ved at lave et JavaScript til at tjekke formularinfo, samtidig med at brugeren skriver i felterne, men jeg er løbet i et problem med Internet Explorer.
Jeg har lavet scriptet således at submit knappen er disablet indtil alle felter i formularen er udfyldt korrekt, og det virker også fint nok i FireFox, men i Internet Explorer bliver submit knappen ikke enabled igen...
Er der nogen der kan sige mig hvorfor? Har hørt noget om at IE skal have special behandling, men er først lige begyndt at lære JavaScript, så kender ikke genvejene, hvis der skulle være nogen...
JavaScript kode:
// Function to set focus on a field
function setFocus(field_id) {
document.getElementById(field_id).focus();
}
// Function to write text instantly
function write_text_instant(msg,text) {
document.getElementById(msg).innerHTML = text;
}
// Function to disable element
function disable(element_id) {
document.getElementById(element_id).disabled = true;
}
// Function to enable element
function enable(element_id) {
document.getElementById(element_id).disabled = false;
}
// Function to disable / enable element
function ena_dis(element_id, form_id, call_id) {
var x = document.getElementById(form_id);
for (var i = 0; i < x.length; i++) {
var field_value = document.getElementById(x.elements[i].id).value;
if (x.elements[i].id == "name") {
if ((field_value.length < 5) || (isNaN(field_value) == false)) {
if (call_id >= 1) {
write_text_instant('name_msg_instant','<font style="color:#FF0000;">Must be at least 5 letters</font>' +name);
}
name = false;
}
else {
write_text_instant('name_msg_instant','<font style="color:#00FF00">OK</font>' +name);
name = true;
}
}
if (x.elements[i].id == "adress") {
if ((field_value.length < 6) || (isNaN(field_value) == false)) {
if (call_id >= 2) {
write_text_instant('adress_msg_instant','<font style="color:#FF0000;">Must be at least 6 letters</font>' +adress);
}
adress = false;
}
else {
write_text_instant('adress_msg_instant','<font style="color:#00FF00">OK</font>' +adress);
adress = true;
}
}
if (x.elements[i].id == "zipcode") {
if ((field_value.length != 4) || (isNaN(field_value) == true)) {
if (call_id >= 3) {
write_text_instant('zipcode_msg_instant','<font style="color:#FF0000;">Must be 4 digits</font>' +zipcode);
}
zipcode = false;
}
else {;
write_text_instant('zipcode_msg_instant','<font style="color:#00FF00">OK</font>' +zipcode);
zipcode = true;
}
}
}
if ((name == true) && (adress == true) && (zipcode == true)) {
enable(element_id);
}
if ((name == false) || (adress == false) || (zipode == false)) {
disable(element_id);
}
}
HTML kode:
<body onload="setFocus('name');">
<form method="post" id="testForm">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
Name:
</td>
<td width="10"></td>
<td>
<input type="text" name="name" id="name" size="30"
onfocus="ena_dis('submit','testForm','1');"
onblur="ena_dis('submit','testForm','1');"
onkeydown="ena_dis('submit','testForm','1');"
onkeypress="ena_dis('submit','testForm','1');"
onkeyup="ena_dis('submit','testForm','1');" />
<span id="name_msg_instant" style="margin:0px; padding:0px;"> </span>
</td>
</tr><tr><td height="5"></td></tr><tr>
<td>
Adress:
</td>
<td width="10"></td>
<td>
<input type="text" name="adress" id="adress" size="30"
onfocus="ena_dis('submit','testForm','2');"
onblur="ena_dis('submit','testForm','2');"
onkeydown="ena_dis('submit','testForm','2');"
onkeypress="ena_dis('submit','testForm','2');"
onkeyup="ena_dis('submit','testForm','2');" />
<span id="adress_msg_instant" style="margin:0px; padding:0px;;"> </span>
</td>
</tr><tr><td height="5"></td></tr><tr>
<td>
Zipcode:
</td>
<td width="10"></td>
<td>
<input type="text" name="zipcode" id="zipcode" size="30"
onfocus="ena_dis('submit','testForm','3');"
onblur="ena_dis('submit','testForm','3');"
onkeydown="ena_dis('submit','testForm','3');"
onkeypress="ena_dis('submit','testForm','3');"
onkeyup="ena_dis('submit','testForm','3');" />
<span id="zipcode_msg_instant" style="margin:0px; padding:0px;"> </span>
</td>
</tr><tr><td height="5"></td></tr><tr>
<td colspan="2"></td>
<td>
<input type="submit" name="submit" id="submit" value="Submit" />
<input type="reset" name="reset" id="reset" value="Reset and Reload" onclick="java script:window.location.reload();" />
</td>
</tr>
</table>
</form>
<%
response.write "Name: " &request.form("name")& "<br />"
response.write "Adress: " &request.form("adress")& "<br />"
response.write "Zipcode: " &request.form("zipcode")
%>
</body>
