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!
 
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