Validazione Form Senza Alert

[Fixxxer393]

Salve, vorrei sapre se è possibile validare un form e nel caso un campo non venisse accettato, in alternativa all'alert avere un messaggio di avviso di fianco al form: per ora ho questi codici(di prova):

Script JS

<script type="text/javascript">
function controllo(){ 
with(document.form1){ 
if(NOME.value=="") { 
alert("Errore: compilare il campo NOME UTENTE");  
NOME.focus(); 
return false; } 
</script>

Form

<form method="post" action="invia.php" 
name="form1" id="form1" onSubmit="return controllo();"> 
Nome 
<input name="NOME" type="text"  class="tb1" id="NOME">
</form>

Vorrei che di fianco al box di input mi venisse un messaggio di errore del genere "Nome non valido" nel caso il controllo (per ora solo che sia uguale alla stringa vuota) non andasse a buon fine.

Grazie

[carlomarx]

Non serve javascript...

<form method="post" action="invia.php" name="form1" id="form1"> 
Nome: <input name="NOME" type="text" required class="tb1" id="NOME">
<input type="submit" value="Invia" />
</form>

[Fixxxer393]

Credo di non essermi spiegato, io devo controllare la validità dei campi messi in input, e se non lo faccio con javascript con cosa lo faccio?

[carlomarx]

Prova il codice che ti ho postato e avrai la risposta

[Fixxxer393]

Ottimo, ma se dovessi fare una verifica di correttezza dei dati, del tipo un username senza caratteri speciali (@,# es.) ??

[carlomarx]

http://www.w3schools.com/html5/att_input_pattern.asp

[Fixxxer393]

ok grazie per questo funziona alla grande invece esiste una funzione per controllare se es: password e controlla password sono uguali ?

Grazie ancora