[javascript] Universele formvalidatie: numerieke check

[lo3k]

Ik wil een soort universele formvalidatie maken. Ik wil dus met behulp van 1 functie controleren of een bepaalde ingevoerde waarde voldoet aan een aantal eisen.

Als voorbeeld zal ik controleren of een ingevoerde waarde een getal is:

Mijn Functie:

code:

function isnummer(value){
    if (isNaN(value)){
        alert(value + " is geen numerieke waarde");
    }
}

Form:

code:

<form name="form" method="post">
<input type="text" name="veld1" onBlur="javascript:isnummer(this.value);">
<input type="text" name="veld2" onBlur="javascript:isnummer(this.value);">
</form>

Deze code werkt nu wel, maar nu wil ik dus ervoor zorgen dat na die alert het betreffende veld in mijn form wordt leeggemaakt.

ik heb al geprobeert om na de alert de volgende codes te gebruiken, allen zonder succes...:
this.value = "";
document.form.this.value = "";

Ook heb ik geprobeert om, wanneer ik de functie aanroep, de name van het veld mee te geven:

code:

onBlur="javascript:isnummer(this.value,this.name);

Deze deed ik dan in de functie op de volgende manier gebruiken:

code:

function isnummer(value,name){
    if (isNaN(value)){
        alert(value + " is geen numerieke waarde");
        document.form.name.value = "";
    }
}

Ook dit werkte niet.

Mijn vraag is dan ook, hoe zorg ik ervoor dat ik een veld na de validatie leeggemaakt krijg? Ik hoop dat jullie mijn verhaal kunnen volgen
Alvast bedankt!

[André]

code:

function isnummer(obj)
{
  if (isNaN(obj.value))
  {
    alert(obj.value + " is geen numerieke waarde");
    obj.value = "";
  }
}

<form name="form" method="post">
  <input type="text" name="veld1" onBlur="isnummer(this);">
  <input type="text" name="veld2" onBlur="isnummer(this);">
</form>

edit:
idd, gmta

edit:
3 gmta

[ Voor 75% gewijzigd door André op 11-10-2004 20:14 ]

[Clay]

gewoon het input object meesturen in de blur, b.v. met

code:

onblur="isnummer(this);"

^{geen javascript: ervoor, dat is het sowieso}

en dan

code:

function isnummer(input) {
   if(isNaN(input.value)) {
      alert( .... );
      input.value = "";
   }
}

edit:
gmta

edit:
mwuhaha, het kon nog langzamer!

[ Voor 25% gewijzigd door Clay op 11-10-2004 20:15 ]

[Verwijderd]

HTML:

<input onblur="isnummer(this)">

javascript: is niet nodig in event handlers...

JavaScript:

function isnummer(oInput){
    var sVal = oInput.value;
    if (isNaN(sVal)){
        alert(sVal + " is geen numerieke waarde");
        oInput.value = "";
    }
}

[ Voor 9% gewijzigd door Verwijderd op 11-10-2004 20:13 . Reden: ja, kappen nou, jullie 2! :P ]

[lo3k]

Bedankt voor de snelle reactie!!!
En het werkt ook nog

Nogmaals bedankt Kga eens ff goed kijken naar de code

[André]

Je hebt zelfs een third-opinion, dus dan moet het wel goed zijn

[ Voor 6% gewijzigd door André op 11-10-2004 20:15 ]

[lo3k]

het werkt idd goed, nogmaals bedankt

[akakiwi]

Mag ik me afvragen waarom je de functieaanroep met THIS doet?
Ikzelf gebruik altijd binnen de functie event.scrElement. Werkt echt prima en je hoeft geen variabele mee te passen.

Misschien is het in jou geval makkelijk een HTC component te schrijven en dit aan elk te controleren veld te plakken. Dan kun je onblur makkelijk de inhoud controleren en weet de gebruiker meteen wat er veranderd moet worden als dat nodig is.

[André]

Omdat event.srcElement niet in FF werkt. En waarom moeilijk doen met events als je de referentie naar het object mee kunt geven. Je hoeft dan geen variabele mee te passen maar je functie wordt wel groter.