Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149

    Evidenziare i campi obbligatori

    Buonasera a tutti.
    Ho una form con alcuni campi controllati dalla seguente istruzione:

    function controllo(){
    with(document.moduloGuest) {
    if(nome_utente.value=="") {
    alert("Inserisci cortesemente il tuo nome.");
    nome_utente.focus();
    return false;
    }
    ..controllo altri campi con altre if...
    }
    return true;
    }

    Vorrei riuscire a fare questo: campo vuoto, quando faccio la submit della form appare a video il messaggio di inserire il campo obbligatorio, focus sul campo interessato evidenziandolo per esempio di rosso.
    Come posso fare?
    Grazie mille e buona serata

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    per esempio
    ...
    nome_utente.className="rosso";
    nome_utente.focus();

    dove avrai definito nel css una classe .rosso con background:#f00;

    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Grazie Xinod,
    faccio una prova e poi ti faccio sapere...
    buona giornata!

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Ciao Xinod,
    grazie mille, funziona, ho però un problema che rimane.
    Va in focus, il background è rosso, ma quando inserisco nel campo obbligatorio il dato e vado avanti con gli altri campi della form il campo che ho appena compilato rimane rosso...
    come posso risolvere secondo te?
    grazie mille e buon fine settimana

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    una soluzione potrebbe essere:
    <input name="nome_utente" type="text" id="nome_utente" onkeyup="if(this.value.length>0)this.className='cl assdefault'" />
    dove classdefault sarà la classe iniziale
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Ho provato, direi PERFETTO...
    grazie mille a tutti e due.

    buona notte!

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Ciao Andrea, posto questa risposta se serve a qualcuno.
    Il controllo non funzionava bene nelle select, pur selezionando il valore rimaneva sempre lo sfondo rosso, solo se facevo invio sul valore ritornava bianco.
    Cosi sono nelle select ho risolto mettendo un onblur anzichè onkeyup.
    Ciao e buona giornata

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.