Validering af form

Ideem er man laver en javascript function ´som tjekker formen og den kalder man på form'en onsubmit event:

Et eksempel på hvordn du kan gøer det med din form:

<script language="javascript1.2">

function validate(theform) {
  if(theform.Tekst.value=='') {
    alert("Tekstareaet skal udfyldes!");
    return false;
  }
  var filter = /[^\d]/;
  if(filter.test(theform.tal.value)==true || theform.tal.value=='') {
    alert("tallet skal udfyldes!");
    return false;
  }
  var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  if (filter.test(theform.email.value)==false) {
    alert("email skal udfyldes!");
    return false;
  }
return true;
}
</script>

<form action='skriv.php' method='post' onsubmit="return validate(this);">
Tekstarea:<br>
<textarea name="Tekst" rows="10" cols="30"></textarea><br>
Tal:<br><input type='text' name='tal'><br>
Email:<br><input type='text' name='email'><br>
<input type='submit' value='Opret'>
</form>

Wow det ser ud til at virke ligesom jeg vil ha. Er det muligt at gøre så der kan være kommatal i tal feltet, så 10.5 fx er ok.

Jeg forstår ikke umiddelbart hvordan den filtervariabel virker.

Ja det kan man, det er regular expression som bruges til validere som strengen har et bestemt format

Prøv at rette disse linjer:

  var filter = /[^\d]/;
  if(filter.test(theform.tal.value)==true || theform.tal.value=='') {
    alert("tallet skal udfyldes!");
    return false;
  }


Til disse linjer:

  var filter = /^\d+(\.\d+)?$/;
  if(filter.test(theform.tal.value)==false || theform.tal.value=='') {
    alert("tallet skal udfyldes!");
    return false;
  }

Tusind tak!
Det virker super. Hvis du eller andre ved hvor jeg kan læse om hvordan man opbygger den filter variabel, vil jeg være glad for et link.

Som før skrevet hedder det Regular Exprssion og der findes en masse sider som beskriver hvordan man gør :)

http://www.siteexperts.com/tips/functions/ts23/page1.asp
http://www.webreference.com/js/column5/
http://www.javascriptkit.com/javatutors/re.shtml


Du kan søge på google.com : Regular Exprssion Javascript
Du kan også søge efter validering functioner eller dele deraf ;) ved at skrive valid email javascript så kommer der flere eksempler.