Problema validazione form con jquery

**pippuccio76** · 28-06-2013, 12:54

Salve ho un problema con la validazione di un form con jquery.validate ,i controlli funzionano tutti tranne quello della password , nonostante scriva la password mi chiede di inserire qualcosa , questo il controllo relativo alla pw:

sezione del form :

codice:

Password

		<input type="password" name="pw1" id="pw1" maxlength="12">

		Ripeti Password

		<input type="password" name="pw2" id="pw2" maxlength="12">

sezione dei controlli password e controllo

codice:

'pw1':{
						 required:true,
						 minlenght:8 
				    },
                    'pw2':{
                        required: true,
                        equalTo: "#pw1"
                    },

e sezione relativa ai messaggi:

codice:

'pw1':{
						required : " Inserisci una Password!",
						minlength: "La Password deve essere compreso tra 8 e 12 caratteri!" 
				    },	
                    'pw2': " La conferma non corrisponde alla scelta della password!",

**Vindav** · 28-06-2013, 13:27

nonostante scriva la password mi chiede di inserire qualcosa

che cosa?

codice:

pw2: {required : "Confermare la password inserita", equalTo : "La password inserita e la password di conferma non corrispondono"}

**pippuccio76** · 28-06-2013, 14:51

Forse mi sono spiegato male il campo pw1 , nonostante inserisca dei caratteri (sostituiti da pallini perchè di tipo password)
,ha accanto la scritta "Inserisci una Password!" che dovrebbe sparire inoltre non esegue il controllo ne su minlenght ne su equal perchè mi fa fare il submit anche con password corte e diverse.....(nonostante abbia gli errori accanto)

**Vindav** · 28-06-2013, 15:05

nel codice che hai postato non ci sono errori, ci sarà qualche altro errore nella pagina che impedisce il corretto funzionamento del plugin.

p.s. non serve includere i campi tra apici, non so se questo può creare problemi, per sicurezza levali (guarda il mio esempio)

**pippuccio76** · 29-06-2013, 11:35

codice:

 
  


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title></title> 
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' /> 
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css' /> 
<link href="default.css" rel="stylesheet" type="text/css" media="all" /> 
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/registra.js"></script>



 
          
           
        
<!--[if IE 6]> 
<link href="default_ie6.css" rel="stylesheet" type="text/css" /> 
<![endif]--> 
</head> 
<body > 
<div id="header-wrapper"> 
    <div id="header"> 
        <div id="logo"> 
            <h1>sito</h1> 
        </div> 
        <div id="menu"> 
            <ul> 
                <li class="current_page_item">Homepage 
                
              [*]Ricerca mailinurlpag [*]Login[/list]
        </div> 
    </div> 
</div> 
<div id="banner"> 
    <div class="img-border">  
          
        

<h3>Inserisci i dati per Registrarti  </h3>




        <form id="registra" name="registra" action="registrazioneeffettuata.php" method="POST" >

		Nome

		<input type="text" name="nome" id="nome" maxlength="20" >

		Cognome

		<input type="text" name="cognome" id="cognome" maxlength="30">

		Mail

		<input type="text" name="email" id="email">

		Nickname

		<input type="text" name="user" id="user" maxlength="12">

		Password

		<input type="password" name="pw1" id="pw1" maxlength="12">

		Ripeti Password

		<input type="password" name="pw2" id="pw2" maxlength="12">


		<input type="submit" value="Registrati">


   </form>        
  </div> 
               
</div> 
  
<div id="footer" class="container"> 
    

Copyright (c) 2013 </p> 
</div> 
</body> 
</html>

Codice controllo

codice:

  $(document).ready(function()
        {
			
            $("#registra").validate(
            {	
				
                rules:
                {
                    nome:{
						 required:true,
						 minlength: 3
				    },
                    cognome:{
						 required:true,
						 minlength: 2
					},	 
                    email:{
                        required: true,
                        email: true
                    },
                    user:{
						required: true,
						minlength: 8 						
				    },				   
                    pw1:{
						 required:true,
						 minlenght:8 
				    },
                    pw2:{
                        required: true,
                        equalTo: "#pw1"
                    },
                   
                },
                messages:
                {
                    nome:{
						 required : " Inserisci il tuo nome!",
						 minlength: "Nome troppo corto!"
					},
                    cognome:{
						required : " Inserisci il tuo cognome!",
						minlength: "Cognome troppo corto!" 
				    },		 
                    user:{
						required : " Inserisci un Username!",
						minlength: "L'username deve essere compreso tra 8 e 12 caratteri!" 
				    },		
                    pw1:{
						required : " Inserisci una Password!",
						minlength: "La Password deve essere compreso tra 8 e 12 caratteri!" 
				    },	
                    pw2: {
						required:"Ridigita la password",
						equalto:" La conferma non corrisponde alla scelta della password!"
					},
                    email: " Inserisci un indirizzo email valido!",
                },
                
 
                
	           
            });
        });

**Vindav** · 01-07-2013, 15:52

hai scritto minlenght nella sezione pw1, per quello non va

**pippuccio76** · 01-07-2013, 15:55

Scusami ma se voglio che sia minimo 8 caratteri cosa devo scrivere?

**Vindav** · 01-07-2013, 16:12

minlength

**pippuccio76** · 01-07-2013, 20:35

Grazie , problema parzialmente risolto .
Nel campo ripeti password se la pw non è la stessa invece di La conferma non corrisponde alla scelta della password! ho :Please enter the same value again. da dove viene fuori?

**Vindav** · 02-07-2013, 10:13

E' la gestione dei messaggi errore, all'interno del plugin sono mappati dei messaggi di default e ovviamente sono in inglese. Se non vengono impostati dei messaggi alternativi, il plugin in caso di errore mostra i messaggi di default.

Nel tuo caso credo che sia semplicemente un errore di sintassi (ricontrolla sempre quello che scrivi, anche maiuscole e minuscole). Quando vai a fare i controlli per verificare che le 2 password siano uguali, prima metti equalTo, nella gestione dei messaggi invece metti equalto.

Discussione: Problema validazione form con jquery

Strumenti discussione

Ricerca discussione

Visualizza

Problema validazione form con jquery

Permessi di invio