Hướng dẫn prevent typing in input field javascript - ngăn không cho nhập javascript vào trường nhập liệu

Tôi có thể ngăn chặn đầu vào trường văn bản HTML ngay cả khi trường của tôi không bị vô hiệu hóa hoặc chỉ đọc không? Tôi có yêu cầu này.

Có lẽ tôi có thể chặn tất cả các đầu vào thông qua JS hoặc jQuery?

hỏi ngày 26 tháng 2 năm 2016 lúc 18:32Feb 26, 2016 at 18:32

Xem fiddle này

Bạn có thể sử dụng jQuery cho điều này .. bạn có thể làm điều đó như dưới đây

$('input').keypress(function(e) {
    e.preventDefault();
});

HOẶC

Bạn chỉ có thể trả về sai thay vì sử dụng

$('input').keypress(function(e) {
    return false
});

$('input').keypress(function(e) {
    return false
});

Xem Fiddle

HOẶC

Bạn chỉ có thể trả về sai thay vì sử dụng

$('input').keypress(function(e) {
    return false
});

Xem Fiddle

Một phiên bản đơn giản hóa mà không có JavaScript sẽ như dưới đây. Chỉ cần thay đổi HTML của bạn như dưới đây

Juan3 gold badges39 silver badges46 bronze badges

4.7903 Huy hiệu vàng39 Huy hiệu bạc46 Huy hiệu đồngFeb 26, 2016 at 18:35

Đã trả lời ngày 26 tháng 2 năm 2016 lúc 18:35Lal

Vùng đất4 gold badges43 silver badges68 bronze badges

0

Phù vàng 14,8K4 Huy hiệu vàng43 Huy hiệu bằng đồng 68

Nếu bạn đang tìm kiếm đầu vào chỉ đọc, một cách đơn giản là thêm 'đọc lại' vào HTML đầu vào. Ví dụ,

Với điều này, nó không can thiệp vào việc gửi biểu mẫu hoặc người nghe sự kiện khác. Đầu vào với 'readonly' vẫn sẽ được gửi, nhưng không phải là đầu vào với 'bị vô hiệu hóa'.

Đối với tài liệu tham khảo: https://www.w3schools.com/tags/att_input_readonly.aspJan 7, 2021 at 3:55

Kyle-LawKyle-LawKyle-Law

Đã trả lời ngày 7 tháng 1 năm 2021 lúc 3:551 silver badge3 bronze badges

2

Huy hiệu đồng 1421 Bạc3 Huy hiệu đồng

$('input').focus(function(e) {
    $(this).blur();
});

Nếu bạn muốn làm cho lĩnh vực hoàn thành trong khả năng kiểm soát.

Ví dụ: https://jsfiddle.net/dinomyte/up4j39qr/15/Feb 26, 2016 at 18:41

Đã trả lời ngày 26 tháng 2 năm 2016 lúc 18:41DinoMyte

Dinomytedinomyte1 gold badge18 silver badges26 bronze badges

8.6871 Huy hiệu vàng18 Huy hiệu bạc26 Huy hiệu đồng

$('input').input(function(e) {
    $(this).val('');
});

Bạn có thể trả về Sai trên sự kiện

$('input').keypress(function(e) {
    return false
});

$('input').keypress(function(e) {
    return false
});

$('input').on('input', function(e) {
    $(this).val('');
});

Hi vọng điêu nay co ich.Feb 26, 2016 at 18:37

Đã trả lời ngày 26 tháng 2 năm 2016 lúc 18:37Zakaria Acharki

Zakaria Acharkizakaria acharki15 gold badges72 silver badges98 bronze badges

0

66K15 Huy hiệu vàng72 Huy hiệu bạc98 Huy hiệu Đồng

$('input').keydown(function(e) {
  e.preventDefault();
});

Câu trả lời được chấp nhận hoạt động tốt cho tôi, nhưng tôi cũng muốn bao gồm các phím thay đổi, ESC và xóa. Trong trường hợp này, sử dụng

$('input').keypress(function(e) {
    return false
});

$('input').keypress(function(e) {
    return false
});

Tài liệu: https://api.jquery.com/keydown/Dec 18, 2019 at 15:46

Ngày 22 tháng 11 năm 2010 lúc 2:49 chiều #30781 #30781

Tôi muốn ngăn người dùng nhập vào trường đầu vào. Nội dung đang được tạo khi người dùng nhấp vào tùy chọn. Tôi muốn sử dụng bị vô hiệu hóa = đã bị vô hiệu hóa và tạo kiểu cho nó để nó trông bình thường vì các trình duyệt khác nhau vẫn đang hiển thị nó khác nhau. Tôi cũng không muốn đặt một div lên trên để ngăn chặn việc nhấp chuột vì điều đó dường như không có ngữ nghĩa. Bất kỳ cách nào khác để làm điều đó? Hay tôi bị mắc kẹt với Div và một số sự kiện.

Ngày 22 tháng 11 năm 2010 lúc 4:04 PM #72681 #72681

Tìm thấy một giải pháp.

Use:

Và JQuery / JavaScript

$('input').keypress(function(e) {
    return false
});

Ngày 22 tháng 11 năm 2010 lúc 4:36 chiều #72661 #72661

Tôi nghĩ rằng cách tốt nhất, nó sử dụng thuộc tính và CSS bị vô hiệu hóa = đã bị vô hiệu hóa.

$('input').keypress(function(e) {
    return false
});

Ngày 22 tháng 11 năm 2010 lúc 5:21 chiều #72664 #72664

@rickylamerz, cảm ơn, điều đó hoạt động tuyệt vời.

@yoboubdir, điều đó sẽ làm việc. Tôi có thể chỉ tạo kiểu cho một đầu vào bị vô hiệu hóa vì nó vẫn trông khác nhau trên các trình duyệt. Tức là cụ thể.

Ngày 26 tháng 1 năm 2011 lúc 4:19 sáng #63901 #63901

Tôi sử dụng:

$('input').keypress(function(e) {
    return false
});

Có vẻ cũng hoạt động tốt nhưng không cần jQuery và ngắn hơn nhiều. Tôi đã thử nghiệm nó trên nhiều phiên bản trình duyệt mặc dù vậy có thể rơi xuống một số phiên bản. Tôi biết rằng trên các phiên bản mới nhất của FF, nó dừng người dùng nhấp vào đầu vào, trên IE 8, nó cho phép người dùng nhấp vào đầu vào nhưng ngay lập tức ngăn họ gõ bất cứ thứ gì.

Ngày 26 tháng 1 năm 2011 lúc 7:46 AM #63899 #63899

Xin lỗi, tôi biết câu hỏi này đã cũ, nhưng điều gì trên trái đất là sai với thuộc tính HTML của Readonly,?

Ngày 26 tháng 1 năm 2011 lúc 5:59 chiều #63806 #63806

@ultimatepe, không chắc tại sao tôi không nghĩ về điều đó, điều đó có vẻ như nó sẽ hoạt động tốt, cuối cùng tôi cũng sẽ kiểm tra nó. Tôi đã đi xa hơn nhiều trong dự án và một chút tràn ngập nên nó sẽ phải ở một thời điểm khác.

@Tt_mark, tôi quên nếu tôi đã thử điều đó, vì cách đây một thời gian, nếu tôi đã thử nó và không gắn bó với nó, nó có thể là vì IE tạo kiểu Thuộc tính bị vô hiệu hóa và kiểu mặc định của trình duyệt đã ghi đè của tôi.

Tôi có thể sai mặc dù.

Làm thế nào để bạn ngăn người dùng gõ vào trường đầu vào?

Làm thế nào để bạn hạn chế đầu vào trong JavaScript?

Làm cách nào để vô hiệu hóa đầu vào trường chỉnh sửa?

Làm cách nào để hạn chế ai đó không sử dụng các ký tự đặc biệt trong hộp văn bản?