anzahl limitieren bei eingabefeldern - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > anzahl limitieren bei eingabefeldern

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > anzahl limitieren bei eingabefeldern

Pages: [1]

geschrieben von markus69 am 16.08.2005 - 10:24

hallo

ich habe in einem formular ein eingabe feld (textfeld) in dem user eine gewünschte anzahl eingeben. ich möchte dies nun so ändern, das die max. anzahl nicht über 10 gehen darf. wenn ein user z.b. die zahl "11" eingibt und auf submit klickt sollte eine entsprechende fehlermeldung ausgegeben werden.

kann mir jemand sagen wie sich das realisieren lässt? code-schnipsel o.ä.

schon mal vielen dank!

geschrieben von René am 16.08.2005 - 10:57

http://de.selfhtml.org/html/formula....htm#felder

geschrieben von markus69 am 16.08.2005 - 11:21

nö, ist nicht das. ich meinte nicht maxlength, sondern das nur zahlen von 1-10 erlaubt sind. wenn ein user die zahl 11 eingibt, gibts ne meldung das das nicht erlaubt ist.
aber ich habs inzwischen. für alle die's interessiert:

	HTML-Quelltext
1:	<input type="text" name="menge" size="3" maxlength="3" value="1" class="form" onchange="javascript:check(this.value);">

im head

	HTML-Quelltext
1: 2: 3: 4: 5:	<script language="javascript"> function check(val){ if(val > 10) alert("zu groß du honk :P"); } </script>

geschrieben von weisnix am 16.08.2005 - 11:24

Hallo,

ich würde das so machen:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30:

<html>
<head>
<title>test</title>
<script type="text/javascript">

function check () {
  var Eingabe = document.test.feld.value;
  var chkZ = 1;
  for (i = 0; i < document.test.feld.value.length; ++i)
    if (document.test.feld.value.charAt(i) < "0" ||
        document.test.feld.value.charAt(i) > "9")
      chkZ = -1;
  if (chkZ == -1) {
    alert("keine Zahl!");
    document.test.feld.focus();
    return false;
  }

  if (Eingabe > 10)
    alert("falscher Wert!");
}
</script>
</head>
<body>
<form name="test" onsubmit="check()">
  <p><input type="text" name="feld" size="20"></p>
  <p><input type="submit"name="senden" value="und weg!" ></p>
</form>
</body>
</html>

Überprüfen ob es eine Zahl ist, danach ob größer als 10.

Gruß

geschrieben von markus69 am 16.08.2005 - 11:50

ok, noch eine genauere kontrolle. danke für das beispiel.

geschrieben von René am 17.08.2005 - 08:00

Noch ne verspätete Alternative:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31:

<html>
<head>

<script language="JavaScript" type="text/javascript">
<!--
function check()
{
	var retu = true;
	var fe   = document.test.feld.value;

	if ((fe.match(/\D/) != null) || (fe < 1) || (fe > 10))
	{
		alert('Falsche Zahl');
		retu = false;
	}

	return retu;
}
//-->
</script>

</head>
<body>

<form name="test" action="./seite.php" method="post" onsubmit="return check();">
  <input name="feld" type="text" size="3" />
  <input name="senden" type="submit" value="und weg!" />
</form>

</body>
</html>

geschrieben von markus69 am 17.08.2005 - 08:46

perfektioniert, sozusagen

thanx!