Input laukā var ievadīt tikai ciparus (0-9)

[senters]

Tātad ir forma, ir inputs visparastākais. Kā uzrakstīt, lai lietotājs no klavieres var vadīt tikai ciparus 0-9, neko citu nevar ievadīt.

Šoreiz nevajag tā ka vada visu, tad validē un bļauj par erroriem. Kāds ir visvienkāršākais veids kā šo panākt?

Edited August 26, 2010 by senters

[zarins]

Javascript

 

Šeit par ir piemērs. Noteikti var arī vienkāršāku to kodu, bet ieskatam būs ok.

[php newbie]

Šoreiz nevajag tā ka vada visu, tad validē un bļauj par erroriem.

 

bet servera puse vienalga ir jāparbauda.

[codez]

ar jquery:

 

  $('.numbersonly').keypress(function(e){    
   if ((e.charCode < '48') || (e.charCode > '57')) {
     e.preventDefault();
   }
 });

[Леший]

Derētu arī pārtvert paste eventu.

$(".numbersonly").bind('paste', function(e){
   setTimeout(čekošanas_funkcija, 10, $(e.currentTarget))
});

Timeout ir vajadzīgs, lai čekošanas_funkcija nostrādātu pēc iepeistošanas, nevis pirms.

[mefisto]

Kaut kā apmēram šitā :

 

(function(){

function in_array( what, where ){
	var a=false;
	for( var i=0; i<where.length; i++ ){
		if( what == where[i] ){
			a=true;
			break;
		}
	}
	return a;
}


function validate( e ) {
	var e = e || window.event;
	var keycode = e.keyCode || e.which;
	key = String.fromCharCode( keycode );
	var regex = /[0-9]|\./;
	if( !regex.test(key) && ( !in_array( keycode ,  [ 8 , 9, 35, 36, 37, 38, 39, 40, 45, 46]  ))) {
		e.returnValue = false;
		e.preventDefault();
	}
}

docuemnt.getElementById( 'digital' ).onkeypress = validate;

})();

 

Neesmu notestējis.

[indoom]

var arī šitā

document.getElementById('numbersonly').onkeyup = function(){ this.value = this.value.replace(/[^\d]/,''); };

[senters]

pagaidām paldies par atbildēm, vakarā jāapskata šie varianti

[kalabox]

<script type='text/javascript'>
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
	return true;
}else{
	alert(helperMsg);
	elem.focus();
	return false;
}
}
</script>
<form>
Numbers Only: <input type='text' id='numbers'/>
<input type='button' 
onclick="isNumeric(document.getElementById('numbers'), 'Tikai ciparus')"
value='Check Field' />
</form>