Buongiorno a tutti,
potete dirmi come creare il comando (e dove posizionarlo nel mio codice), in Javascript per controllare che un input (type="text") non sia vuoto e che sia composto da soli numeri (e in caso contrario inviare un alert con scritto "Compilare i campi con soli numeri")? Ho cercato su internet, ma non riesco a fare funzionarlo, forse perché la mia è una situazione particolare: ho un form che contiene tre input diversi, posizionati in diverse parte della pagina. Ecco il codice:
Grazie mille
potete dirmi come creare il comando (e dove posizionarlo nel mio codice), in Javascript per controllare che un input (type="text") non sia vuoto e che sia composto da soli numeri (e in caso contrario inviare un alert con scritto "Compilare i campi con soli numeri")? Ho cercato su internet, ma non riesco a fare funzionarlo, forse perché la mia è una situazione particolare: ho un form che contiene tre input diversi, posizionati in diverse parte della pagina. Ecco il codice:
HTML:
<body>
<div id="ac_background" class="ac_background">
<img class="ac_bgimage" src="http://forum.mrwebmaster.it/images/galassia1.jpg" alt="Background"/>
<div class="ac_overlay"></div>
<div class="ac_loading"></div>
</div>
<div id="ac_content" class="ac_content">
<h1>Oracolo del Web<span><br />Completa i campi e poi premi invio</span></h1>
<form name="form" action="frase.php" method="post" onblur="return checkban()">
<div class="ac_menu">
<ul>
<li>
<a href="http://forum.mrwebmaster.it/images/galassia2.jpg">Giorno</a>
<div class="ac_subitem">
<span class="ac_close"></span>
<h2>Giorno</h2>
<ul>
<li>Che giorno è oggi? Inserisci il numero qui sotto.</li>
<li><br /></li>
</ul>
<input type="text" name="giorno" size="15"><!-- <input type="button" name="Invia" value=" Invia " size="10"> -->
<?php //$giorno = htmlspecialchars($_POST['giorno']); ?>
</div>
</li>
<li>
<a href="http://forum.mrwebmaster.it/images/galassia3.jpg">Mese</a>
<div class="ac_subitem">
<span class="ac_close"></span>
<h2>Mese</h2>
<ul>
<li>In che mese siamo oggi? Inserisci il numero qui sotto.</li>
<li><br /></li>
</ul>
<input type="text" name="mese" size="15"><!-- <input type="button" name="Invia" value=" Invia " size="10"> -->
<?php //$mese = htmlspecialchars($_POST['mese']); ?>
</div>
</li>
<li>
<a href="http://forum.mrwebmaster.it/images/galassia4.jpg">Nome</a>
<div class="ac_subitem">
<span class="ac_close"></span>
<h2>Nome</h2>
<ul>
<li>Da quante lettere è formato il tuo (primo) nome? Inserisci il numero qui sotto.</li>
<li><br /></li>
</ul>
<input type="text" name="nome" size="15"><!-- <input type="button" name="Invia" value=" Invia " size="10"> -->
<?php //$nome = htmlspecialchars($_POST['nome']); ?>
</div>
</li>
<li>
<a href="http://forum.mrwebmaster.it/images/galassia5.jpg">Invio</a>
<div class="ac_subitem">
<span class="ac_close"></span>
<h2>Invio</h2>
<ul>
<li><p>Premi Invia per visualizzare il responso dell'oracolo.</p></li>
<li><br /></li>
</ul>
<input type="submit" name="Invia" value=" Invia " size="10" onclick="location.href='frase.php'">
</div>
</li>
</ul>
</div>
</form>
</div>
<div class="ac_footer">
<span>Copyright (c) 2013 oracolodelweb.altervista.org | All rights reserved | Template by: <a href="http://www.tympanus.net">tympanus.net</a></span>
<span style="float:right; padding-right:5px">Created by Giulio Pignatti and Luca Nisidi</span>
</div>Grazie mille
), però saresti gentilissimo se me la adattassi al mio codice: di funzioni come quella (o simili) ne ho trovate molte online, quello che sbaglio è il passaggio dopo.
