Ich habe ein Formular, welches nach Submit durch ein JS überprüft wird - wenn Zwangsfelder nicht gefüllt wurden, sollen diese mittels innerHTML ersetzt werden (roter Rahmen drumherum). Im FF klappt das wunderbar, der IE weigert sich, den Anweisungen zu folgen - kann mir einer sagen, warum?
Formular:
<form action="bla" method="POST" name="FormKontakt">
Behörde/Institution: <span id="institution"><input type="text" name="institution" value="" class="input_norm" style="width:250px;"></span>
<br>Vorname: * <span id="vorname"><input type="text" name="vorname" value="" class="input_norm" style="width:250px;"></span>
<br>Name: * <span id="name"><input type="text" name="name" value="" class="input_norm" style="width:250px;"></span>
<br>Straße: <span id="strasse"><input type="text" name="strasse" value="" class="input_norm" style="width:250px;"></span>
<br>PLZ & Ort: <span id="ort"><input type="text" name="ort" value="" class="input_norm" style="width:250px;"></span>
<br>Email: * <span id="email"><input type="text" name="email" value="" class="input_norm" style="width:250px;"></span>
<br>Telefon: * <span id="telefon"><input type="text" name="telefon" value="" class="input_norm" style="width:250px;"></span>
<br>Telefax: <span id="fax"><input type="text" name="fax" value="" class="input_norm" style="width:250px;"></span>
<br>Ihre Mitteilung: * <span id="message"><textarea name="message" class="input_norm" style="width:250px;height:50px;"></textarea></span>
<br><a href="javascript:form();"><img src="img/button_senden.gif" alt="" border="0" /></a>
</form>
JS:
var vorname = "<input type="text" name="vorname" value="Bitte ausfüllen!" class="input_red" style="width:250px;">";
var name = "<input type="text" name="name" value="Bitte ausfüllen!" class="input_red" style="width:250px;">";
var email = "<input type="text" name="email" value="Bitte ausfüllen!" class="input_red" style="width:250px;">";
var telefon = "<input type="text" name="telefon" value="Bitte ausfüllen!" class="input_red" style="width:250px;">";
var message = "<textarea name="message" class="input_red" style="width:250px;height:50px;" rows="2" cols="2">Bitte ausfüllen!</textarea>";
function form()
{
if (document.FormKontakt.elements[1].value=="")
{
document.all.vorname.innerHTML = vorname;
}
if (document.FormKontakt.elements[2].value=="")
{
document.all.name.innerHTML = name;
}
if ((/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/.test(document.FormKontakt.elements[5].value))==false)
{
document.all.email.innerHTML = email;
}
if (document.FormKontakt.elements[6].value=="")
{
document.all.telefon.innerHTML = telefon;
}
if (document.FormKontakt.elements[8].value=="")
{
document.all.message.innerHTML = message;
}
else
{
document.FormKontakt.submit();
}
}
Auch wenn ich die spans durch divs ersetze, will der IE nicht. Das merkwürdige ist, dass ich mit innerHTML auch an anderer Stelle arbeite, da schnurrt auch der IE http://ffw.lolope.de/images/smiles/keinplan.gif