WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » html xml - Hilfe für das Erstellen einer Homepage » Javascript: Im Inputfel... - 19 Jan 2018 Antworten
im Forum für Webhosting Homepage gefunden:
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
Bastian_W
Otto-Normal-Poster
Threadstarter




Beiträge: 85

Hallo zusammen,

ich brauche mal eure Hilfe. Ich möchte in einem Inputfeld nur bestimmte Zeichen (Zahlen plus den punkt) erlauben.

Sowas wie hier in der Art:
http://www.yubb.de/artikel310.html

Allerdings klappt das Beispiel dort nicht. Und der Punkt muss ja auch erlaubt werden. Da ich kein Crack in JavaScript bin hoffe ich auch eure Hilfe :-/...


---
Bastian_W
------
Real programmers don't comment their code. It was hard to write, so it should be hard to read.

  Profil   Editieren   Zitieren
Bastian_W
Otto-Normal-Poster
Threadstarter




Beiträge: 85

So, ich bin nun etwas weiter... Das ganze sieht nun so aus:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18:
<script type="text/javascript">
<!--
function KeyCheck(myfield,e)
  {
  var keycode;
  if (window.event) keycode = window.event.keyCode;
  else if (e) keycode = e.which;
  else return true;
  if ((keycode==190) || (keycode==8) || (keycode==48)  || (keycode==49)  || (keycode==50)  || (keycode==51)  || (keycode==52)   || (keycode==53)  || (keycode==54)  || (keycode==55)  || (keycode==56)  || (keycode==57)  || (keycode==58))
    {
    return true;
    }
  else return false;
  }
//-->
</script>



und wird aufgerufen mittels:

1:
 onKeyPress="return KeyCheck(this,event)"



Das ganze klappt für Zahlen auch Super... auch für den backspace. NUR nicht für den Punkt (keycode 190).

Jemand eine Idee wieso nicht?

---
Bastian_W
------
Real programmers don't comment their code. It was hard to write, so it should be hard to read.

  Profil   Editieren   Zitieren
Ori
Mausakrobat




Beiträge: 163

Der Punkt hat den ASCII-Code 46...

Sinnvollerweise sollten auch diverse Steuertasten (0) wie Entfernen, Tab und die Pfeiltasten sowie Eingabe (13 bzw. 10) zugelassen werden, das sieht dann etwa so aus:
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:
function kc(e)
{
	var keycode;

	if (window.event)
		keycode = window.event.keyCode;

	else if (e)
		keycode = e.which;

	else
		return true;

	// Zahlen
	if (47 < keycode && keycode < 58)
		return true;

	// Steuerzeichen
	var kcok = new Array(8, 10, 13, 46, 0);
	while (kcok.length > 0)
	{
		if (keycode == kcok.pop())
			return true;
	}

	return false;
}


Ich habe den Namen der Funktion gekürzt (wieder ein paar Bytes gespart.. Kleinschreibung verringert außerdem die Fehlerquote) und das Skript anständig ausgerichtet. Die Zahlen werden jetzt analog zu Deinem ersten Link geprüft, die Steuerzeichen (falls sich an der Liste etwas ändert - einfach anpassen) über eine Schleife. pop() holt sich immer das letzte Element aus dem Array und löscht dieses (verhält sich also wie ein Stack).
Die 0 steht absichtlich am Ende im Array, da sie von den Steuerzeichen am häufigsten verwendet wird und die Ausführung daher schneller beendet wird.

Das Letzte else ist überflüssig, da alle anderen Fälle die Funktion schon beendet hätten (return true).

  Profil   E-Mail   Website   Editieren   Zitieren
Elharter
Feiertags-Poster




Beiträge: 26

aufpassen, es gibt bei jedem die client die möglichkeit javascript auzuschalten !! dH du solltest das auch dann serverseitig überprüfen !

  Profil   Editieren   Zitieren
Diskus
Pixelschubser




Beiträge: 2

Hallo Ori.
Ich muss hier leider noch mal nachfragen.
Habe deine Funktion erfolgreich im IE benutzt.
Leider funktioniert sie nicht im Firefox (FF).

else if (e)
keycode = e.which;

Dies sollte doch (so denke ich) extra für FF sein.
Funktioniert bei FF aber leider nicht.
Javascript ist aktiviert.
Ich kann aber im entsprechendem Textfeld gar keine eingaben machen.
Woran kann das liegen?
Vielen Dank im Voraus.
Gruß
Diskus

Diese Nachricht wurde geändert von: Diskus
  Profil   Editieren   Zitieren
 

Antworten


Forum » html xml - Hilfe für das Erstellen einer Homepage » Javascript: Im Inputfel...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Javascript: Im Inputfeld nur bestimmte Zeichen erlauben. im Forum Homepage Hosting AntwortenLetztes Posting
WIe kann ich Datum ausblenden?
in "html xml - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "html xml - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "html xml - Hilfe für das Erstellen einer Homepage"
4 27.06.2017 18:10 von Diskus
Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
in "html xml - Hilfe für das Erstellen einer Homepage"
0 03.03.2017 11:16 von getbtcfast
HTML CSS Lernprogramme
in "html xml - Hilfe für das Erstellen einer Homepage"
5 25.02.2017 20:27 von Powerwalker
HTML Template aus Photoshop heraus?
in "html xml - Hilfe für das Erstellen einer Homepage"
1 16.06.2015 08:58 von Zeus
Positionieren in einer DIV-Box
in "html xml - Hilfe für das Erstellen einer Homepage"
0 02.06.2015 13:45 von Louie
Bilder in Seite
in "html xml - Hilfe für das Erstellen einer Homepage"
1 18.03.2015 10:57 von Kevinkk
Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.02.2015 17:42 von Webinator
Problem mit Zeichenverkettung in Javascript
in "html xml - Hilfe für das Erstellen einer Homepage"
2 31.03.2014 19:03 von raiserle
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "html xml - Hilfe für das Erstellen einer Homepage"
3 03.10.2013 19:11 von Annaa
Tabelle mit Mannschaftslogos
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.10.2013 19:09 von Annaa
Frage zu UTF-8 Sonderzeichen für Handy
in "html xml - Hilfe für das Erstellen einer Homepage"
1 20.08.2013 14:56 von Herby



Besucher : 5450905    Heute : 165     Gestern : 1203     Online : 31     19.1.2018    4:37      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Die letzten 30 Referrer :

1 22:06 - google.com/search - content
2 22:04 - google.com/search - content
3 21:40 - google.com/search - content
4 12:47 - google.com/search - content
5 10:19 - google.com/search - content
6 22:32 - google.com/search - content
7 21:14 - google.com/search - content
8 20:24 - google.com/search - content
9 19:26 - google.com/search - content
10 18:27 - google.com/search - content
11 15:35 - google.com/search - content
12 15:33 - google.com/search - content
13 12:32 - https://bing.com/search - gmx nicht erreichbar heute
14 11:22 - google.com/search - content
15 11:14 - google.com/search - content
16 10:55 - google.com/search - content
17 1:31 - google.com/search - content
18 1:30 - google.com/search - content
19 1:21 - google.com/search - content
20 1:20 - google.com/search - content
21 23:05 - google.com/search - content
22 23:04 - google.com/search - content
23 19:03 - google.com/search - content
24 16:54 - google.com/search - content
25 16:52 - google.com/search - content
26 16:51 - google.com/search - content
27 16:50 - google.com/search - content
28 16:49 - google.com/search - content
29 16:35 - google.com/search - content
30 16:29 - google.com/search - content

Nach oben