Durante l’inserimento di dati in un form, può capitare di dover verificare che un campo sia davvero numerico. Supponiamo di avere nella nostra pagina HTML un campo testo di questo tipo:
<input type=”text” name=” numero” id=”numero” >
Al clic del mouse su un eventuale pulsante “ok” richiameremo uno script Javascript. La funzione Javascript che verifica se un campo passato è numerico è isNaN.
Di seguito la funzione, che deve essere inserita nella pagina verifica.js.
<HTML>
<HEAD>
<TITLE>Pagina DI LOGIN</TITLE>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<script src=”verificalogin.js” type=”text/javascript”></script>
</HEAD>
<BODY>
<form name=”frm1″>
<div id=”main”>
USERNAME: <input type=”text” name=”txtusername” id=”txtusername”
value=””>
<br>
PASSWORD: <input type=”text” name=”txtpassword” id=”txtpassword”
value=””>
<br>
<input type=”button” value=”ok” onclick=”verifica()”>
<input type=”reset” value=”annulla” >
</form>
</BODY>
</HTML>
function verifica()
{
if (document.getElementById(“txtusername”).value==””)
{
alert(“Inserire uno username valido”);
document.getElementById(“txtusername”).focus();
return(false);
}
if (document.getElementById(“txtpassword”).value==””)
{
alert(“Inserire una password valida”);
document.getElementById(“txtpassword”).focus();
return(false);
}
//alert(“OK”);
document.getElementById(“frm1”).submit();
}
Oggi realizziamo una semplice pagina HTML per la registrazione ad una area riservata del sito e la relativa pagina javascript per eseguire i controlli sui campi inseriti:
Realizziamo oggi una pagina che, preso in input il nome dell’utente, scriva a video un saluto.
<html>
<head><title>Saluta</title>
<style>
#main{
width:50%;