Funzione:
codice:
function verifyLogin () {
var user = document.login.user.value;
var pass = document.login.pass.value;
if(user=='') {
document.login.user.style.background = 'b20000';
} else if (pass=='') {
document.login.pass.style.background = 'b20000';
} else if (user=='' && pass=='') {
document.login.user.style.background = 'b20000';
document.login.pass.style.background = 'b20000';
} else {
return;
}
}
HTML:
codice:
<form method="post" name="login" action="verify.php" onSubmit="verifyLogin();">
<input class="input_login" type="text" name="user" value="Username" onFocus="if(this.value=='Username')value=''; this.style.background='#ffffff'" onBlur="if(this.value=='')value='Username'; this.style.background='#f0f0f0'">
<input class="input_login" type="password" name="pass" value="Password" onFocus="if(this.value=='Password')value=''; this.style.background='#ffffff'" onBlur="if(this.value=='')value='Password'; this.style.background='#f0f0f0'">
<input type="checkbox" name="ck_ricordami">
<input class="button_login" type="submit" value="Login">
</form>
In poche parole se l'utente non ha compialto ambo i campi, deve interrompere la action e colorare il background dell'input di rosso (b20000). E' possibile? E come si fa ad interrompere l'indirizzamento verso la action?