suche kürzeren programmier weg!

[burns]

Hi Leute

ich hab ein formular und will jedes feld mit der routine überprüfen, im moment mach ich das mit document.GetElementById(), dazu muss ich aber jedes mal alle eingabefelder extra programmieren.
kann ich nicht eine einzige routine (also document.?) machen und diese jedesmal auf das jeweilige feld anwenden?

Danke

 

[bodil]

Eine Möglichkeit wäre, die IDs alle in ein Array zu schreiben und das abzuarbeiten.
Eine andere wäre, sich von js alle Input-Felder auflisten zu lassen und die bearbeiten zu lassen:

var inputFields = document.getElementsByTagName("input");
for (var i in inputFields) {
  var field = inputFields[i];
  ...
}

 

[burns]

danke

aber ich will das ganze mit onblur() machen und die eingabe sofort überprüfen, also keine arrays!

 

[bdt600]

Übergebe die ID einer Funktion, in der du die Eingabe prüfst.

 

[burns]

gute idee!

wie mach ich das? also mit onblur() die id übergeben?

 

[bdt600]

Ähm, sollen wir dir jetzt wirklich alles vorkauen oder kannst du auch mal selber nachsehen, wie man Daten an eine Funktion weitergibt?? :( :( :(

<script type="text/javascript">
function checkForm (idOfField) {
  alert(document.getElementById(idOfField).value);
}
</script>
:
:
:
<input type="text" name="name" id="name" onblur="checkForm('name')">

 

[vitus37]

<script type="text/javascript">
function checkForm (idOfField) {
  alert(document.getElementById(idOfField).value);
}
</script>
:
:
:
<input type="text" name="name" id="name" onblur="checkForm('name')">

Oder noch ein Tick einfacher:

<script type="text/javascript">
function checkForm (idOfField) {
  alert(document.getElementById(idOfField).value);
}
</script>
:
:
:
<input type="text" name="name" id="name" onblur="checkForm(this.id)">

 

[bdt600]

Oder noch ein Tick einfacher

Oder so.

 

[threadi]

IDs braucht man dafür nicht mal zwingend:

<script type="text/javascript">
function checkForm (field) {
  alert(field.value);
}
</script>
:
:
:
<input type="text" name="name" id="name" onblur="checkForm(this);">

 

[Tronjer]

Sofern man ohne Safari und ältere IE Versionen auskommt, geht es noch kürzer.

[LEFT][COLOR=#333333]<input type="text" name="name" required />[/COLOR][/LEFT]

 

[threadi]

Ja, wenn man nur auf Pflichtfeld prüfen will ;) Mitunter will man ja noch auf das Format von der Eingabe prüfen, email oder integer geht mit HTML5 ja auch noch. Aber spezielle Angaben wie "Uhrzeit" nicht wirklich ;)

 

[Tronjer]

Damit hast du natürlich recht. Allerdings sollte diese Form der Überprüfung nur der Bequemlichkeit (des Users) dienen und keinen Ersatz für eine serverseitige Validierung darstellen. Mit JS lässt sich sich eine übergebene E-Mail gegen ein RegEx matchen, aber das sagt noch nichts darüber aus, ob es sich um einen Trashmailer handelt, dessen Domain in der DB blacklisted ist. Es sei denn, man würde Ajax einsetzen.

Ich würde trotzdem die neuen <input> Attribute verwenden, auch wenn diese z.Zt. nicht in allen Browsern funktionieren und man zusätzlich ein JS Fallback schreiben muss. Wenn jeder aus Gründen der Abwärtskompatibilität auf HTML5 verzichtet, hängen wir in 5 Jahren noch bei XHTML.