Visualizzazione dei risultati da 1 a 4 su 4

Discussione: onSubmit e funzione

  1. #1
    Utente di HTML.it L'avatar di Vash SD
    Registrato dal
    Sep 2006
    Messaggi
    502

    onSubmit e funzione

    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?
    Personal Home Page

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: onSubmit e funzione

    codice:
    function verifyLogin () {
    	var wuser = document.login.user.value;
    	var wpass = document.login.pass.value;
    	rv = true;
    	if(wuser=='') {
    		document.login.user.style.backgroundColor = '#b20000';
    		rv = false;
    	} 
    	if (wpass=='') {
    		document.login.pass.style.backgroundColor = '#b20000';
    		rv = false;
    	}
    	return rv;
    }
    
    ...
    ...
    
    <form method="post" name="login" action="verify.php" onSubmit="return (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>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di Vash SD
    Registrato dal
    Sep 2006
    Messaggi
    502
    E' perfetto... grazie mille!!!!!

    Un ultima domandina... e se gli volessi dare un arco di tempo? tipo per 4 secondi il tuo background è X poi diventa Y ? Possibile?
    Personal Home Page

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: Re: onSubmit e funzione

    codice:
    if(wuser=='') {
      old = document.login.user.style.backgroundColor; 		
      document.login.user.style.backgroundColor = '#b20000';
      setTimeout("document.login.user.style.backgroundColor='"+old+"'",4000);
      rv = false;
    }
    L'altro e' simile.

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.