Formular Überprüfung

teltim01

Hi Leute, nach langer Zeit habe ich es geschafft ein Formular zu bauen bei dem der nachfolgende Link von der Eingabe abhängig ist. Es wird eine Postleitzahl eingegeben und je nach welcher Postleitzahl man eingibt, wird man zur passenden htm Seite gelinkt. Jetzt würde ich es aber gerne unterbinden das man Buchstaben eingibt! Man soll nur Zahlen eingeben können. Wer kann mir weiterhelfen. Hier der Quelltext:

HTML

<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--


function goSite(){
  if ((document.Form1.Haendlersuche.value.indexOf("4") == 0)||(document.Form1.Haendlersuche.value.indexOf("5") == 0)){
    parent.fr5.location = "haendler_4u5.htm";
  }else{
    parent.fr5.location = "haendler_gvb.htm";
  }
  return false;
}


-->
</script>
</head>
<body background="i-sonstige/back-w.jpg" onLoad="document.Form1.Haendlersuche.focus();" bgcolor="#FFFFFF" text="#386F8E" vlink="#386F8E" topmargin=0 leftmargin=0 MARGINWIDTH="0" MARGINHEIGHT="0">


<form method=get name="Form1" onSubmit="return goSite()">
    <table border=0 width=186 cellspacing=0 cellpadding=0>
    <tr>
        <td colspan=3>



[img]i-h_suche/navi-h_suche_01.gif[/img]</p></td>
    </tr>
    <tr>
        <td colspan=3>



[img]i-h_suche/navi-h_suche_02.gif[/img]</p></td>
    </tr>
    <tr>
        <td>



[img]i-h_suche/navi-h_suche_03.gif[/img]</p></td>
        <td background="i-sonstige/back-hallblau.gif" align=center valign=middle width=82>



<input type=text name="Haendlersuche" maxlength=5 style="font-face: Tahoma; width: 40px; font-size: 10px;"></p></td>
        <td>



[url='#'][img]i-h_suche/navi-h_suche_05.gif[/img][/url]</p></td>
    </tr>
    <tr>
        <td colspan=3>



[img]i-h_suche/navi-h_suche_06.gif[/img]</p></td>
    </tr>
    </table>
</form>


</body>
</html>

Alles anzeigen

Torty

Nun, sowas löst man meist mit regulären Ausdrücken. Wenn man unter JS den String str darauf prüfen möchte, ob er nur Ziffern enthält,
so geht dies so:

Code

// str enthält die angebliche PLZ
var reg = /^\d*$/; 
if (reg.test(str)) 
  alert("gültige PLZ");
else 
  alert("ungültige PLZ");

Wunder dich nicht, falls du das mit den RegEx nicht durchschaust. Diese Thematik ist schon recht speziell und nicht wirklich leicht zu verstehen.
Aber dafür um so interessanter *g*

teltim01

wie und wo genau füge ich das ein?

Torty

Ich hatte einen kleinen Schönheitsfehler im letzten RegEx. Der gepostete Ausdruck würde zwar nur Ziffern akzeptieren, jedoch wäre die
Ziffernlänge ohne Bedeutung. Jede PLZ besteht jedoch aus 5 Ziffern, so dass der richtige RegEx lauten muss

Code

var reg = /^\d{5}$/;

Naja es gehört in die goSite(). Dort prüfst du statt str den Inhalt vom Formularfeld. Z.B so

Code

function goSite(){
  var reg = /^\d{5}$/;
  var str = document.Form1.Haendlersuche.value;
  if (reg.test(str)) {
    // gültige PLZ
    if ((str.indexOf("4") == 0)||(str.indexOf("5") == 0)){
      parent.fr5.location = "haendler_4u5.htm";
    }else{
      parent.fr5.location = "haendler_gvb.htm";
    }
  }
  return false;
}

Alles anzeigen

Kommt natürlich draufan was du danach prüfen willst. Der RegEx stellt nur sicher, dass str nur aus Ziffern besteht.

Torty

Code

if ((str.indexOf("4") == 0)||(str.indexOf("5") == 0)){
      parent.fr5.location = "haendler_4u5.htm";
    }else{
      parent.fr5.location = "haendler_gvb.htm";
    }

Was soll deine Prüfung denn bewirken? Worauf genau vergleichst du da?

"Wenn keine Ziffer 4 oder keine Ziffer 5 vorhanden ist, dann rufe haendler_4u5.htm auf, anderenfalls haendler_gvb.htm."

gibt jetzt jemand aber Buchsteben ein statt Zahlen, soll ein Hinweis Fenster (od.ähnl.) erscheinen in dem man darauf hingewiesen wird, daß man nur Zahlen eingeben darf. Ist das möglich?

Torty

Jupp. Selbe Funktion wie oben + 2-3 Zeilen mehr

Code

function goSite(){
  var reg = /^\d{5}$/;
  var str = document.Form1.Haendlersuche.value;
  if (reg.test(str)) {
    // gültige PLZ
    if ((str.indexOf("4") == 0)||(str.indexOf("5") == 0)){
      parent.fr5.location = "haendler_4u5.htm";
    }else{
      parent.fr5.location = "haendler_gvb.htm";
    }
  }
  else {
    alert("Ihre PLZ-Eingabe war ungültig. Nur Ziffern sind erlaubt.");

  }
  return false;
}

Alles anzeigen

vielen Dank.... es funzt

Hardy

var reg = /^\d{5}$/; bewirgt das man 5 Zahlen eingeben muß. Kann man var reg = /^\d{5}$/; auch umschreiben das es egal ist ob man 1 oder 5 Zahlen eingibt? Ändere ich die 5 in eine 1, dann kann ich kann ich nur noch eine Zahl eingeben. Es sollte aber egal sein wieviele Zahlen man eingibt, aber höchstens 5.

Torty

Ok, also der Suchstring soll "matchen" wenn
* mind. 1 & max. 5 Zeichen
* alle Zeichen Ziffern sind
Na dann wollen wir mal schauen ...

Lösung sollte sein

Code

var reg = /^\d{1,5}$/;

Somit sollte das Problem aus der Welt sein...

Tags