Nhập không gửi biểu mẫu trong IE vì nút ẩn

Question

Tôi có biểu mẫu có hai nút. Đầu tiên được ẩn bằng cách sử dụng Javascript.

Khi tôi nhấn enter trong một trường văn bản trong IE, biểu mẫu không gửi. Tôi cho rằng đó là vì nó đã chọn nút đầu tiên làm nút gửi mặc định, nhưng vì nút đó bị ẩn, nó không hoạt động.

Tôi đã giải quyết vấn đề này bằng cách gửi biểu mẫu trên sự kiện nhập keydown Javascript. Tuy nhiên, điều này cũng gửi biểu mẫu nếu người dùng nhấn enter để chọn một mục từ trình đơn thả xuống tự động hoàn thành của trình duyệt.

Làm thế nào để gửi biểu mẫu trên nhập trong IE, mà không làm phiền các chức năng autocomplete?

Answer 1

Chúng tôi đã gặp sự cố tương tự cách đây vài năm và AFAIR, chúng tôi đã thêm một nút bổ sung vào đầu biểu mẫu, luôn thực hiện tác vụ gửi mặc định khi nhập được nhấn trong IE. Nút đó có thể được "gần như ẩn" bằng cách cho nó một hình ảnh trong suốt 1x1.

Answer 2

Bạn có thể thêm nút thêm để giữ lại nộp chức năng của nút ở sau cách:

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

Answer 3

Hãy thử nút với lớp sau đây để ẩn:

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

Answer 4

tôi cố định nó bằng cách opacity 0 như:

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