scriptwelt.org das JavaScript Archiv

Navigation
Startseite
Audio & Sound
Formulare
Cookies
Fenster & Frame
Grafik & Text
Navigation
Suche Scripts
Fun und Spiele
Buttons
Diverse
Tutorials

Kontakt
eine Mail an ScriptWelt.org
Webhosting
Tipps zur Providerwahl und zum Webspace

JavaScript in eine HTML Datei einbinden

Sind JavaScripts sicher?

Links zum Thema JavaSript

Impressum
impressum

Formulare JavaScript / Zahleneingabe dynamisch überprüfen

Das JavaScript prüft dynamisch die eingabe in ein zahlenfeld. Sollte es sich bei der eingabe nicht um eine Zahl handeln, also z.Bsp. um einen Buchstaben, wird diese automatisch gelöscht. Versuchen Sie in der Demo einmal einen Buchstaben zwischen zwei Zahlen einzugeben.
Autor: Manzi Olivier
zur Demo

in <head> einfügen

<!-- Created by: Manzi Olivier -->
<script type="text/javascript">
// calculate the ASCII code of the given character
function CalcKeyCode(aChar) {
var character = aChar.substring(0,1);
var code = aChar.charCodeAt(0);
return code;
}

function checkNumber(val) {
var strPass = val.value;
var strLength = strPass.length;
var lchar = val.value.charAt((strLength) - 1);
var cCode = CalcKeyCode(lchar);

/* Check if the keyed in character is a number
do you want alphabetic UPPERCASE only ?
or lower case only just check their respective
codes and replace the 48 and 57 */

if (cCode < 48 || cCode > 57 ) {
var myNumber = val.value.substring(0, (strLength) - 1);
val.value = myNumber;
}
return false;
}
</script>

in <body> einfügen

<form name="myForm" method="post" action="#">
Bitte Zahlen eingeben: <input name="txtNumber" type="text"
id="txtNumber" onKeyUp="javascript:checkNumber(myForm.txtNumber);">
</form>