Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    evitare l'invio da form alla pressione di ENTER

    Salve a tutti.

    Ho una form con un bottone e un input testuale.

    GEneralmente l'utente dopo aver inserito nel campo di testo il dato, preme il tasto INVIO/ENTER della tastiera, causando l'invio dei dati della form.

    Come faccio ad evitare che questo avvenga ?

    Per poter proseguire ed inviare la form l'utente deve solo cliccare sul bottone.

    non riesco a trovare una soluzione ! Forse mi devo rivolgere a javascript??

    Grazie 1000 !

    Saluti

  2. #2
    Non ho capito cosa vuoi fare, spiegati meglio.
    Think global, act local.

  3. #3

    Re: evitare l'invio da form alla pressione di ENTER

    se non c'è nessun evento javascript associato al form o alla text non dovrebbe succedere
    prude il dito, lui sdraiato
    ha giocato a guardie e ladri col ladro sbagliato

  4. #4
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    onSubmit=false nel tag form o body dovrebbe bloccarti l'invio con enter

    ...I'm insane in the brain...

  5. #5
    Ho capito! Vuoi che se premi Invio non viene spedito il form?

    Bene, i browser individuano in automatico il pulsante submit e associano ad esso il tasto invio, dal momento che solo un pulsante submit può essere associato ad un form.

    A questo punto basta cambiare il pulsante, da submit a button e scrivere:

    <input type="button" name="cmd_send" value="Spedisci" onClick="document.form1.submit();" />

    Ciao ciao.

    Tutto ciò che è stato scritto prima, sono frasi inconcludenti.
    Think global, act local.

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    però in questo modo, se javascript è disattivato il form non sarà spedito (poichè sostituisci il submit con il button)

    io farei così (inobtrusive javascript)

    codice:
    <head>
    <script>
    var bttclick = false;
    </script>
    </head>
    
    ..
    
    
    <form .. onsubmit="return bttclick;">
    ...
    
      <input type="submit" onclick="bttclick=true;" />
    <form>
    che continua a funzionare anche senza js.


    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    Hai pienamente ragione... come si chiama questa tecnica?

    Intendo l'evitare Javascript? Mi piace molto, visto che sono un figlio di W3C e Nielsen... ahahah
    Mi passi qualche link?

    Grazie.
    Think global, act local.

  8. #8
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    si chiama comunemente inobtrusive javascript (o javascript non intrusivo)

    Non ci sono tecniche particolari, ma per ottenerlo devi progettare la pagina pensando a mantenere tutte le funzionalità anche se javascript non c'è. Ovvero non devi dipendere da javascript perchè la pagina funzioni.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.