Invio non invia modulo in IE a causa del pulsante nascosto

Question

Ho un modulo con due pulsanti. Il primo è nascosto usando Javascript.

Quando premo invio in un campo di testo in IE, il modulo non viene inviato. Presumo che sia perché ha scelto il primo pulsante come pulsante di invio predefinito, ma dal momento che quel pulsante è nascosto non funziona.

Ho risolto questo inviando il modulo su un evento di inserimento keydown Javascript. Tuttavia, questo inoltra il modulo anche se l'utente preme Invio per selezionare un elemento dal menu a tendina del completamento automatico del browser.

Come invio il modulo a entrare in IE, senza disturbare la funzionalità di completamento automatico?

Answer 1

Abbiamo avuto un problema simile alcuni anni fa, e AFAIR, abbiamo aggiunto un pulsante aggiuntivo all'inizio del modulo, che esegue sempre l'azione di invio predefinita quando si preme invio in IE. Quel pulsante può essere "quasi nascosto" dandogli un'immagine trasparente 1x1.

Answer 2

È possibile aggiungere ulteriore pulsante per mantenere presentare funzionalità del pulsante in modo seguente:

<![CDATA[<!--[if IE]>]]> 
       <input type="text" style="display: none;" disabled="disabled" size="1" /> 
      <![CDATA[<![endif]-->]]> 

Answer 3

Prova pulsante con seguente classe di nascondere:

.hidden-element { 
    width: 0px; 
    height: 0px; 
    position: absolute; 
    top: -99999px; 
    left: -99999px; 
} 

Answer 4

ho riparato da opacità 0 come:

<input type="submit" style="width: 0px; height: 0px; opacity: 0;" id="submitBtn" name="submitBtn">