Dừng biểu mẫu khóa 'nhập' khi sử dụng tiện ích tự động hoàn thành jquery ui

Question

Tôi có biểu mẫu sử dụng plugin giao diện người dùng tự động hoàn thành, http://jqueryui.com/demos/autocomplete/, tất cả đều hoạt động ngọt trừ khi bạn nhấn phím enter để chọn mục trong tự động hoàn thành danh sách, nó sẽ gửi biểu mẫu.

Tôi đang sử dụng điều này trong trang web biểu mẫu web .NET, do đó, có thể có xử lý javascript được liên kết với biểu mẫu .NET đang tiêm ghi đè nội dung jQuery (tôi đang suy đoán ở đây).

Answer 1

Bạn có thể sử dụng trình xử lý sự kiện trên đó.

$("#searchTextBox").keypress(function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 13) { //Enter keycode 
     return false; 
    } 
}); 

see: jQuery Event Keypress: Which key was pressed?

thêm: http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/javascript-char-codes-key-codes.aspx cho danh sách các mã phím

Answer 2

Một cách là xử lý nhấn phím và bỏ qua nó nếu đó là phím enter.

Answer 3

$("#autocomplete_field_id").keypress(function(event){ 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if (keycode == '13') { 
    event.preventDefault(); 
    event.stopPropagation();  
    } 
}); 

Answer 4

Câu trả lời ace bài giúp tôi giải quyết vấn đề của tôi. Mặc dù bạn cần lưu ý rằng mã ace cung cấp phải tồn tại trước $('input').autocomplete(*****), nếu không bạn sẽ không nhận được bất kỳ hiệu ứng nào.

Answer 5

Nếu bạn vẫn muốn phím Enter để gửi, sau khi lựa chọn autocomplete được thực hiện,

if (evt.keyCode === 13 && !$('.ui-autocomplete').is(':visible')) { 
    $('.ui-button:first').click(); 
} 
evt.stopPropagation();