jquery - xác thực ký tự trên nhấn phím?

Question

Tôi có một trường văn bản biểu mẫu mà tôi muốn chỉ cho phép số và chữ cái. (Nghĩa là, không có # $ !, v.v ...) Có cách nào để ném lên một lỗi và ngăn phím bấm thực sự xuất ra bất cứ điều gì nếu người dùng cố gắng sử dụng bất kỳ ký tự nào khác ngoài số và chữ cái? Tôi đã cố gắng để tìm một plugin, nhưng chưa thực sự tìm thấy bất cứ điều gì mà thực hiện điều này ...

Answer 1

$('input').keyup(function() { 
    var $th = $(this); 
    $th.val($th.val().replace(/[^a-zA-Z0-9]/g, function(str) { alert('You typed " ' + str + ' ".\n\nPlease use only letters and numbers.'); return ''; })); 
}); 

---

EDIT:

Có một số câu trả lời tốt khác ở đây sẽ ngăn chặn đầu vào diễn ra.

Tôi đã cập nhật mỏ vì bạn cũng muốn hiển thị lỗi. Việc thay thế có thể có một chức năng thay vì một chuỗi. Hàm chạy và trả về một giá trị thay thế. Tôi đã thêm một số alert để hiển thị lỗi.

http://jsfiddle.net/ntywf/2/

Answer 2

$('#yourfield').keydown(function(e) { 
    // Check e.keyCode and return false if you want to block the entered character. 
}); 

Answer 3

Vâng câu trả lời của patrick loại bỏ nhân vật nếu nó là sai, để thực sự ngăn chặn nhân vật khỏi bị đưa vào sử dụng lĩnh vực

$("#field").keypress(function(e) { 
    // Check if the value of the input is valid 
    if (!valid) 
     e.preventDefault(); 
}); 

Bằng cách này, bức thư sẽ không đến với textarea

Answer 4

Bạn có thể thử tiện ích mở rộng này:

jQuery.fn.ForceAlphaNumericOnly = 
function() 
{ 
    return this.each(function() 
    { 
     $(this).keydown(function(e) 
     { 
      var key = e.charCode || e.keyCode || 0; 
      // allow backspace, tab, delete, arrows, letters, numbers and keypad numbers ONLY 
      return (
       key == 8 || 
       key == 9 || 
       key == 46 || 
       (key >= 37 && key <= 40) || 
       (key >= 48 && key <= 57) || 
       (key >= 65 && key <= 90) || 
       (key >= 96 && key <= 105)); 
     }) 
    }) 
}; 

năng bảo mật bằng:

$("#yourInput").ForceAlphaNumericOnly(); 

Answer 5

Phần mở rộng jquery trên (ForceAlphaNumericOnly) là tốt nhưng vẫn cho phép các ký tự sau thông qua !@#$%^&*()

Trên Mac của tôi, khi bạn nhấn thay đổi chìa khóa (keycode 16) và sau đó , mã sẽ nhập ! nhưng mã khóa là 49, mã khóa cho 1.

Answer 6

Tôi thấy rằng việc kết hợp xác thực trên nhấn phím và khóa phím sẽ mang lại kết quả tốt nhất. Key up là phải nếu bạn muốn xử lý văn bản đã sao chép. Nó cũng là một bắt tất cả trong trường hợp các vấn đề trình duyệt chéo cho phép các giá trị không số vào hộp văn bản của bạn.

$("#ZipCode").keypress(function (event) { 

     var key = event.which || event.keyCode; //use event.which if it's truthy, and default to keyCode otherwise 

     // Allow: backspace, delete, tab, and enter 
     var controlKeys = [8, 9, 13]; 
     //for mozilla these are arrow keys 
     if ($.browser.mozilla) controlKeys = controlKeys.concat([37, 38, 39, 40]); 

     // Ctrl+ anything or one of the conttrolKeys is valid 
     var isControlKey = event.ctrlKey || controlKeys.join(",").match(new RegExp(key)); 

     if (isControlKey) {return;} 

     // stop current key press if it's not a number 
     if (!(48 <= key && key <= 57)) { 
      event.preventDefault(); 
      return; 
     } 
    }); 

$('#ZipCode').keyup(function() { 
    //to allow decimals,use/[^0-9\.]/g 
    var regex = new RegExp(/[^0-9]/g); 
    var containsNonNumeric = this.value.match(regex); 
    if (containsNonNumeric) 
     this.value = this.value.replace(regex, ''); 
}); 

Answer 7

$(document).ready(function() { 
$('.ipFilter').keydown((e) => { 
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 || 
     (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true) || 
      e.keyCode === 67 && (e.ctrlKey === true || e.metaKey === true) || 
      e.keyCode === 86 && (e.ctrlKey === true || e.metaKey === true) || 
      e.keyCode === 82 && (e.ctrlKey === true || e.metaKey === true)) || 
     (e.keyCode >= 35 && e.keyCode <= 40)) { 
      return; 
    } 
    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { 
     e.preventDefault(); 
    } 
    }); 
});