Mantenere il focus su di una inputbox

antonioantonio

Nuovo Utente
27 Set 2015
25
0
0
Ciao a tutti,

ho un semplice form con una inputbox:

HTML:
<body>
<table border="0">
  <tr>
    <td align="center">Inserisci il Barcode</td>
  </tr>
  <tr>
    <td>
      <table align="center">
        <form name"form" method="post" runat="server" action="inserisci.php" onsubmit="return conta();" autocomplete="off">
 <tr>
<td> <input type="hidden" id="msgx" maxlenght="50" name="msgx" value="INSERISCI 20 CARATTERI" size="50" autocomplete="off">
          </td>
        <tr>
          <td>BARCODE</td>
          <td> <input type="number" id="prova" name="barcode" tbindex="1" value="" size="30" autocomplete="off" ">
          </td>
        </tr>
        <tr>
          <td></td>
        </tr>
      </form>
        </table>

      </td>
    </tr>
</table>

... ed una funzione javascript che effettua alcune verifiche sulla inputbox

Codice:
<script type="text/javascript">					
<!--								
function conta() {						
if (document.getElementById("prova").value.length < 20) {
alert("Il codice deve essere di 20 cifre.");     		
document.getElementById("prova").select();			
return false;							
}								
								
if (document.getElementById("prova").value.length > 20) {	
alert("Codice troppo lungo.");					
document.getElementById("prova").select();			
return false;							
}								
else {								
document.getElementById("prova").focus();			
return true;						
}								
}								
-->								
</script>

Premesso che sto imparando....quindi perdonate qualche possibile CASTRONERIA.....:)

Volevo chiedere 2 cose:

-Come è possibile mantenere il focus sulla inputbox dovo la pressione del tasto invio? Senza farglielo mai perdere

-Secondo voi potrei fare in modo che i messaggi di "alert" venissero scritti accanto al box invece che come messaggio di alert del browser (io ho provato ...ma non sono arrivato lontano)

Grazie mille!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, l'html non si può guardare, devi stare pi+ attento alla sintassi.
per i messaggi puoi creare un contenitore span dove vuoi mostrare i messaggi, assegnarli un id e al posto dell'alert scrivi
Codice:
document.getElementById("messaggio").innerHTML = "Il codice deve essere di 20 cifre.";
per dare il focus all'input hai scritto bene
Codice:
document.getElementById("prova").focus();
 
Discussioni simili
Autore Titolo Forum Risposte Data
S mantenere le modifiche in un file php PHP 2
S [PHP] Come mantenere selezionato checkbox dopo aver cliccato submit PHP 7
A Mantenere la validazione reindirizzandoci su un secondo sito WEb. (ASP.NET) ASP.NET 0
I [Javascript] mantenere un bottone abilitato al refresh della pagina Javascript 1
M [PHP] Mantenere variabile con datagrid nella pagina 2 PHP 1
S [PHP] Mantenere selezionato il valore scelto dopo submit PHP 16
F Mantenere selezione immagine Javascript 1
M [PHP - MYSQL] Mantenere filtro query in tabelle paginate PHP 3
G Freelancer: quanto costa aprire e mantenere la partita IVA? Discussioni Varie 3
N Ciclare sul DB e mantenere i dati PHP 3
P Mantenere valore di un form anche dopo refresh PHP 6
O Mantenere una sessione PHP 20
asevenx mantenere sessione login attiva anche in altre pagine PHP 8
Y mantenere sessione login? PHP 5
S Mantenere dati form in memoria PHP 29
N Mantenere scelte fatte in un form PHP 5
A Mantenere le proporzioni Photoshop 3
L Convalidare form e mantenere il valore PHP 5
T Mantenere la posizione della pagina dopo postback PHP 1
E Flash mantenere un livello sempre animato Flash 1
J Come mantenere lo stato del "creator"? Javascript 0
S Ereditare e Mantenere Collegate Proprieta Flash 0
E Mantenere la stessa pagina cambianto il contenuto Classic ASP 1
opeth978 mantenere le informazioni PHP 19
C asp: mantenere l ostato 2 consigli Classic ASP 2
G Combo ... mantenere la selezione fatta Classic ASP 0
I Focus su un campo Javascript 9
Arcadia [MS Access] Focus su campo specifico MS Access 1
V Domande su Keywords e Focus Key SEO e Posizionamento 0
S [HTML] Focus dell'input HTML e CSS 2
A [Javascript] Problema focus() solo su osx Javascript 2
K strano focus input type="text" HTML e CSS 4
K tasto invio e focus su successiva input Javascript 2
Emix [RISOLTO]Impostare focus su textbox dopo foreach jQuery 16
B Spostare Focus su una determinata TXTbox Javascript 3
P Focus(); che non funziona ... Javascript 0
Sevenjeak Far ottenere il Focus ad un'elemento Java 5
A [Jquery]Focus su campo input appena creato col dom jQuery 5
X reload con focus Javascript 2
L focus dopo xmlHttp Ajax 0
C focus su campo di testo Flash 0
E Passare Focus da TextBox Javascript 3
S Problema reset e focus Javascript 4
A Verificare il focus Javascript 4
P C# Salvare una colonna del DataGridView XML 0
M pulsante per aprire una maschera che contiene controllo schede MS Access 0
M Leggere in un report il valore di una casella combinata di una maschera Database 0
D Miglior modo per estrarre le occorrenze di un elemento in un set di più file xml e quindi scrivere il risultato in una tabella Excel o magari in JSON XML 0
S [VB.NET]: Coordinate immagini dentro una PictureBox Visual Basic 0
I stampare una stringa echo PHP 2

Discussioni simili