[HTML]Problema con form su browser mobile

Gogeta ss4 · 05-02-2010, 14:39

Ciao a tutti.
Ho un form html così comporto:

<html>
<body>
<form name="form" action="pippo.html">
<input type="text" name="KUNNR">
<input type="text" name="KUNWE">
<input type="submit" value="invio">
</form>
</body>
</html>

Il mio problema è il seguente: Quando clicco enter sulla tastiera deve scatenare il submit.
Su IE8/CHROME funziona senza problemi ( browser da pc portatile ) se invece uso la pagina html su windows mobile non funziona il submit automatico alla pressione del tasto enter sulla tastiera.

Se invece elimino un campo input alla pressione dell'enter sulla tastiera la submit viene scatenata.
Sapete quale possa essere il problema?
Grazie.

05-02-2010, 17:41

In realtà non è un "problema", diciamo che di default molti browser tendono a registrare la pressione del tasto ENTER per form con un solo campo come l'attivazione di un evento onSubmit questo spesso anche quando magari il tasto di submit proprio non c'è.

Quello che devi fare se vuoi che il form venga inviato alla pressione del tasto ENTER anche sul browser del dispositivo mobile è registrare la sua pressione tramite un gestore di eventi Javascript.

Con un framework come JQuery ti basterebbe ad esempio fare:

Codice:

$(document).ready(function(){ 
  $('miaform').keyup(function(e){
    if(e.keyCode == 13) {
      $('miaform').submit();
    }
  });  
});

Gogeta ss4 · 05-02-2010, 17:47

Quote:

Originariamente inviato da Sgurbat

In realtà non è un "problema", diciamo che di default molti browser tendono a registrare la pressione del tasto ENTER per form con un solo campo come l'attivazione di un evento onSubmit questo spesso anche quando magari il tasto di submit proprio non c'è.

Quello che devi fare se vuoi che il form venga inviato alla pressione del tasto ENTER anche sul browser del dispositivo mobile è registrare la sua pressione tramite un gestore di eventi Javascript.

Con un framework come JQuery ti basterebbe ad esempio fare:

Codice:

$(document).ready(function(){ 
  $('miaform').keyup(function(e){
    if(e.keyCode == 13) {
      $('miaform').submit();
    }
  });  
});

Ciao e grazie per la risposta.
Cosa dovrei fare per registrare l'enter nel browser?

05-02-2010, 20:04

Beh intanto comincia a verificare se il browser del tuo dispositivo mobile supporta Javascript.

Se si basta che utilizzi e riadatti al tuo caso lo snippet di codice che ti ho postato.

In pratica

Codice:

 $('miaform').keyup(function(e){

si mette in ascolto dell'evento keyup sulla form che hai creato

Codice:

 $('#form_id').keyup(function(e){

poi con

Codice:

if(e.keyCode == 13) {
      $('miaform').submit();
    }

verifiche se il keyCode, ovvero il codice del tasto premuto corrisponde al 13 (ENTER), in quel caso viene eseguito il submit della form.

Non posso garantirti nulla ma se il browser del dispositivo mobile interpreta JS non dovresti avere problemi.

Gogeta ss4 · 08-02-2010, 09:48

Quote:

Originariamente inviato da Sgurbat

Beh intanto comincia a verificare se il browser del tuo dispositivo mobile supporta Javascript.

Se si basta che utilizzi e riadatti al tuo caso lo snippet di codice che ti ho postato.

In pratica

Codice:

 $('miaform').keyup(function(e){

si mette in ascolto dell'evento keyup sulla form che hai creato

Codice:

 $('#form_id').keyup(function(e){

poi con

Codice:

if(e.keyCode == 13) {
      $('miaform').submit();
    }

verifiche se il keyCode, ovvero il codice del tasto premuto corrisponde al 13 (ENTER), in quel caso viene eseguito il submit della form.

Non posso garantirti nulla ma se il browser del dispositivo mobile interpreta JS non dovresti avere problemi.

Ciao,

non me ne intendo molto di Javascript

Riusciresti a collegarmi il tuo codice con questa parte di html?

Codice:

<html>
<body>
<form name="form" action="pippo.html">
<input type="text" name="KUNNR">
<input type="text" name="KUNWE">
<input type="submit" value="invio">
</form>
</body>
</html>

Grazie.

05-02-2010, 14:39	#1
Gogeta ss4 Senior Member Iscritto dal: May 2001 Città: Milano Messaggi: 3197	[HTML]Problema con form su browser mobile Ciao a tutti. Ho un form html così comporto: <html> <body> <form name="form" action="pippo.html"> <input type="text" name="KUNNR"> <input type="text" name="KUNWE"> <input type="submit" value="invio"> </form> </body> </html> Il mio problema è il seguente: Quando clicco enter sulla tastiera deve scatenare il submit. Su IE8/CHROME funziona senza problemi ( browser da pc portatile ) se invece uso la pagina html su windows mobile non funziona il submit automatico alla pressione del tasto enter sulla tastiera. Se invece elimino un campo input alla pressione dell'enter sulla tastiera la submit viene scatenata. Sapete quale possa essere il problema? Grazie.

05-02-2010, 17:41	#2
anonimizzato Messaggi: n/a	In realtà non è un "problema", diciamo che di default molti browser tendono a registrare la pressione del tasto ENTER per form con un solo campo come l'attivazione di un evento onSubmit questo spesso anche quando magari il tasto di submit proprio non c'è. Quello che devi fare se vuoi che il form venga inviato alla pressione del tasto ENTER anche sul browser del dispositivo mobile è registrare la sua pressione tramite un gestore di eventi Javascript. Con un framework come JQuery ti basterebbe ad esempio fare: Codice: $(document).ready(function(){ $('miaform').keyup(function(e){ if(e.keyCode == 13) { $('miaform').submit(); } }); });

05-02-2010, 20:04	#4
anonimizzato Messaggi: n/a	Beh intanto comincia a verificare se il browser del tuo dispositivo mobile supporta Javascript. Se si basta che utilizzi e riadatti al tuo caso lo snippet di codice che ti ho postato. In pratica Codice: $('miaform').keyup(function(e){ si mette in ascolto dell'evento keyup sulla form che hai creato Codice: $('#form_id').keyup(function(e){ poi con Codice: if(e.keyCode == 13) { $('miaform').submit(); } verifiche se il keyCode, ovvero il codice del tasto premuto corrisponde al 13 (ENTER), in quel caso viene eseguito il submit della form. Non posso garantirti nulla ma se il browser del dispositivo mobile interpreta JS non dovresti avere problemi.

Strumenti
Mostra una versione stampabile Invia questa pagina per email