01/10/2018, 15:17

Cách vô hiệu hóa phím Enter trong javascript (jQuery)

bác nào cho em hỏi cách để làm vô hiệu hóa phím Enter khi gửi form với nhiều thuộc tính trong javascript với ạ.
tức là bắt buộc phải bấm button submit thì mới cho phép gửi đi ấy.

dưới là code em viết.nhưng ở line 3 em thấy nó hơi dài dòng và khó nhìn nên muốn hỏi có cách viết nào khác để cho code đẹp hơn không ạ.

$(document).ready(function() {
    // エンターキーを無効にする
    $("input[type=text], input[type=email], input[type=password], input[type=url], input[type=datetime], input[type=date], input[type=month], input[type=week], input[type=time], input[datetime-local], input[number], input[range], input[radio]")
    .keypress(function(ev) {
        if ((ev.which && ev.which === 13) ||
            (ev.keyCode && ev.keyCode === 13)) {
          return false;
        } else {
          return true;
        }
    });
});

Đào An viết 17:30 ngày 01/10/2018

$(document).on("keypress", "form", function(event) { 
    return event.keyCode != 13;
});

Source: https://stackoverflow.com/questions/895171/prevent-users-from-submitting-a-form-by-hitting-enter

Min Jsa viết 17:19 ngày 01/10/2018

cảm ơn bác đã trả lời nhé.
code đó là dùng cho tất cả form.
nhưng mình muốn hỏi là chỉ định một số thuộc tính trong form thôi thì làm thế nào ý ạ.
bác có gợi ý cho mình với.

Đào An viết 17:20 ngày 01/10/2018

Như ví dụ của bạn thì gần như hết tất cả các thể loại input rồi mà?

*grab popcorn* viết 17:25 ngày 01/10/2018

Bạn có thể cho vào mảng rồi forEach, function thì tách riêng ra luôn OvOb

https://jsfiddle.net/xpvt214o/76789/

Min Jsa viết 17:34 ngày 01/10/2018

cảm ơn mọi người nha. mình đã làm được rồi ạ

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Min Jsa