Benutzer-Werkzeuge
js:only_digits
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
| Both sides previous revision Vorhergehende Überarbeitung | |||
|
js:only_digits [2019/09/14 17:33] webproducer Längenbeschränkung bis max. 5 Zeichen |
js:only_digits [2019/09/14 17:46] (aktuell) webproducer Erweiterung um weiteres Java-Script-Beispiel |
||
|---|---|---|---|
| Zeile 6: | Zeile 6: | ||
| <code javascript> | <code javascript> | ||
| - | <script> | + | <script lang="js"> |
| function validateDigits( event ) | function validateDigits( event ) | ||
| { | { | ||
| Zeile 16: | Zeile 16: | ||
| Diese Funktion verhindert, dass Zeichen außerhalb vom charCode von 0-9 eingegeben werden, in dem als Rückgabewert FALSE zurückgegeben wird. | Diese Funktion verhindert, dass Zeichen außerhalb vom charCode von 0-9 eingegeben werden, in dem als Rückgabewert FALSE zurückgegeben wird. | ||
| - | ^ numerisches Zeichen ^ carhCode ^ | + | ^ numerisches Zeichen ^ charCode (Zeichencode) ^ |
| | 0 | 48 | | | 0 | 48 | | ||
| | 1 | 49 | | | 1 | 49 | | ||
| Zeile 30: | Zeile 30: | ||
| Die Funktion muss jetzt bei einem Texteingabefeld bei jeder Zeicheneingabe aufgerufen werden: | Die Funktion muss jetzt bei einem Texteingabefeld bei jeder Zeicheneingabe aufgerufen werden: | ||
| - | <code html><input type=“text“ onkeypress=“return view.validateDigits( event )“ maxlength="5" /></code> | + | <code html> |
| + | <html lang="de"> | ||
| + | <input type="text" id="zahl" onkeypress="return validateDigits( event )" maxlength="5" /> | ||
| + | </html> | ||
| + | </code> | ||
| - | //Tipp: Mit dieser Funktion können natürlich auch weitere Zeichen zugelassen oder ausgeschlossen werden. Hierfür einfach die Funktion entsprechend anpassen.// | + | ---- |
| + | |||
| + | //Tipp: Mit dieser Funktion können natürlich auch weitere Zeichen zugelassen oder ausgeschlossen werden. Hierfür einfach die Funktion entsprechend anpassen. Um herauszufinden, welches Zeichen welchen charCode hat kann die Funktion wie folgt angepasst werden:// | ||
| + | |||
| + | <code javascript> | ||
| + | function validateDigits( event ) | ||
| + | { | ||
| + | document.getElementById( 'zahl').value = event.charCode; | ||
| + | return false; | ||
| + | } | ||
| + | </code> | ||
js/only_digits.1568475227.txt.gz · Zuletzt geändert: 2019/09/14 17:33 von webproducer
Seiten-Werkzeuge
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 3.0 Unported
