hạn chế ký tự để nhập vào hộp văn bản

Question

cách chúng tôi có thể hạn chế ký tự để nhập vào hộp văn bản.

Answer 1

Nếu bạn có hộp văn bản sau đó bạn phải xử lý các sự kiện onkeypress

<input type='text' onkeypress='keypresshandler(event)' /> 

Bạn có thể sử dụng chức năng sau đây để hạn chế người sử dụng

function keypresshandler(event) 
    { 
     var charCode = event.keyCode; 
     //Non-numeric character range 
     if (charCode > 31 && (charCode < 48 || charCode > 57)) 
     return false; 
    } 

Answer 2

Bạn có thể làm điều này thông qua javascript (vì vậy nếu javascript bị tắt, bạn sẽ không thể giới hạn nó)

<input type="text" onkeyup="this.value = this.value.replace(/[^a-z]/, '')" /> 

Điều này wil l hạn chế nó chỉ với ký tự a-z. Thanh toán regular expressions để xem bạn có thể làm gì

Answer 3

function isNumberKey1(evt) 
{ 
     var charCode = (evt.which) ? evt.which : event.keyCode; 
     if (char!=8(charCode < 65 || charCode > 106)) 
     return false; 

     return true; 
} 

Answer 4

Mặc dù vẫn có thể, với HTML5 không cần sử dụng giải pháp dựa trên JavaScript cho yêu cầu này.

<input type="text" name="text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"> sẽ hạn chế các ký tự được phép theo mẫu RegExp đó (trong trường hợp này là: địa chỉ email hợp lệ).

Thuộc tính title sẽ được sử dụng làm cảnh báo/thông báo khi người dùng cố gắng gửi dữ liệu không khớp với yêu cầu.

<form action="/add_country.php"> 
    Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"> 
    <input type="submit"> 
</form> 

Xem documentation on HTML input element để biết thêm thông tin. Không phải tất cả các trình duyệt đều hỗ trợ tốt như nhau (như Safari).

Answer 5

Câu trả lời của Ben Rowe thực sự là cách tiếp cận nó. Tuy nhiên, ký tự sẽ xuất hiện trong hộp văn bản trước khi nó bị xóa. Bạn có thể ngăn chặn điều đó bằng cách sử dụng oninput thay vì onkeyup:

<input type="text" oninput="this.value = this.value.replace(/[^a-z]/, '')" />