Categorie
Javascript

Come verificare che un campo sia numerico.

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.

Categorie
Javascript

Lezione 2: Controlli Javascript su pagina di Login

<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();

}

Categorie
Javascript

Lezione 3: Controlli Javascript su una pagina di registrazione

 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:

Categorie
Javascript

Lezione 2: Saluta con nome

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%;