[jQuery] Problema con visualizzazione errore

[Ginho]

Ciao a tutti,

ho fatto uno script in jQuery che mi controlla che il form sia stato compilato e con i giusti dati.

per esempio:

Codice: Seleziona tutto

username:{
   required:           "<div class='error'>Devi inserire l'username</div>",
   minlength:    "<div class='error'>Username deve essere di almeno 4 caratteri</div>",
   maxlength:    "<div class='error'>Username deve essere massimo di 10 caratteri</div>"
},

E ho impostato un paio di regole CSS per .error

Codice: Seleziona tutto

   background: #FFD8D6;
   width: auto;
   margin:5px;
   border:1px solid #FF0000;

solo che il risultato è abbastanza strano:



E non riesco a capire il perché!

[Andy94]

Mettendo subito in chiaro che senza un debugger si capisce ben poco del codice creato, direi che lo script JQuery (la parte non gestita da te) crea prima che tu lo voglia il div .error di contenimento. Dovresti provare a toglierlo (dai parametri di username) e vedere cosa succede, o determinare dove viene creato l'elemento (in quale container).

[Ginho]

Ah infatti mi crea questa label.

Codice: Seleziona tutto

<label for="username" generated="true" class="error">
<div class="error">Devi inserire l'username</div>
</label>

Quindi in teoria posso togliere il <div> e mi viene il risultato che voglio. Faccio una prova

EDIT: Confermo viene Io pensavo che non mi creasse niente invece mi sbagliavo