[Javascript] Validare dati in un form prima di spedirlo

doppioconfronto

Nuovo Utente
6 Dic 2018
1
0
1
Ciao a tutti, non riesco a far funzionare correttamente il codice che posto sotto. Vorrei che nei campi del form nome e cognome siano presenti solo lettere, se l'utente inserisce numeri o caratteri speciali, deve generale un errore, invece al momento anche se inserisco caratteri non consentiti, il form invia ugualmente alla pagina php. Dove sbaglio?

HTML:
<head>
<meta charset="UTF-8">
<title>Prova</title>
<script>
function controllaForm() {
   var soloTesto = /^([a-zA-Z '])+$/;
  
   if (!soloTesto.test(document.form[0].nome.value)) {
      alert("Il nome inserito non e' valido!");
      document.form[0].nome.focus();
      return false;
   }
   if (!soloTesto.test(document.form[0].cognome.value)) {
      alert("Il cognome inserito non e' valido!");
      document.form[0].cognome.focus();
      return false;
        </script>
</head>
<body>

<form  onsubmit=“return controllaForm()” action="http://localhost/sito1/new1.php" method="post" name="form">
    Nome:<br>
    <input type="text" name="nome" /> <br>
    Cognome:<br>
    <input type="text" name="cognome"/> <br>
    Data di nascita <br>
    <input type="date" name="data" /> <br> <br>
    <input type="submit" value="Invia"  onClick ="controllaForm()" >
<input type="reset" value="cancella">
    </form>


</body>
 

Rikk73

Utente Attivo
7 Apr 2015
139
6
18
Arezzo
secondo me fai meglio e prima ad utilizzare i pattern direttamente in html, ad esempio

HTML:
<input type="text" name="username" required pattern="[a-zA-Z]{4,10}" title="Solo lettere, min 4 max 10 caratteri" />

dove il pattern indica che sono accettate solo lettere maiuscole e minuscole, minimo 4 massimo 10 caratteri, e title il messaggio mostrato in caso di errore
 
Discussioni simili
Autore Titolo Forum Risposte Data
napuleone [Javascript] validare lo spazio con js Javascript 7
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0

Discussioni simili