Come inserire lo script nella vostra pagina
L'inserimento del validatore sulla pagina, è molto semplice, per prima cosa bisogna incollare lo script che abbiamo appena visto tra i tag <head></head>. La seconda parte serve unicamente per richiamare lo script nei campi di testo da validare inserendo la stringa di testo onBlur="ValidaCampiNumerici(this);".
Come ad esempio:
<input name="opt_1" type="text" id="opt_1" size="10" onBlur="ValidaCampiNumerici(this);" />
Conclusione
Per rendere le cose più chiare, vediamo un esempio completo con il codice composto in tutte le sue parti:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function ValidaCampiNumerici(campo)
{
var numeri= "1234567890.,";
var valida= campo.value;
var verificato = true;
var cifre = "";
for ( n = 0; n < valida.length; n++ )
{
vl = valida.charAt( n );
for ( s = 0; s < numeri.length; s++ )
if ( vl == numeri.charAt( s ))
break;
if ( s == numeri.length )
{
verificato = false;
break;
}
cifre += vl;
}
if (!verificato)
{
alert( "Si prega di inserire solo valori numerici." );
campo.focus();
return ( false );
}
return ( true );
}
</SCRIPT>
</head>
<body>
<form>
Quanti prodotti hai comprato?<br/>
<input name="opt_1" type="text" id="opt_1" size="10" onBlur="ValidaCampiNumerici(this);" />
</form>
</body>
</html>
Adesso non vi resta che sperimentare questo script sui vostri moduli per indagini online. Se siete interessati a questo argomento, leggete anche l'articolo: Come nascondere le domande in un modulo online.
|
