Làm cách nào để tôi chỉ giới hạn các số trong hộp văn bản trong html?

Ở đây tôi sẽ giải thích cách hạn chế người dùng chỉ cho phép số trong hộp văn bản và cách hạn chế người dùng chỉ nhập số điện thoại di động gồm 10 chữ số bằng JavaScript và tôi sẽ giải thích cách chỉ cho phép số và bảng chữ cái trong hộp văn bản bằng JavaScript


Sự miêu tả


Bây giờ tôi có một hộp văn bản. Tôi cần cho phép người dùng chỉ nhập các số không nhiều hơn thế nếu người dùng cố nhập các ký tự hoặc bảng chữ cái. Tôi không muốn cho phép các ký tự đó trong hộp văn bản vì tôi đã viết một hàm JavaScript để chỉ cho phép các số


Để thực hiện điều này, bạn cần viết mã bên dưới vào trang aspx của mình


<html xmlns="http. //www. w3. org/1999/xhtml" >

<đầu runat="server">

<title>Chỉ cho phép trang có số và chữ cái title>

<tập lệnh loại="text/javascript">

//Hàm chỉ cho nhập số vào textbox

chức năng xác thực (khóa)

{

// lấy mã phím của phím đã nhấn

var keycode = (key. cái mà) ? . cái mà. Chìa khóa. mã khóa;

var phn = tài liệu. getElementById( 'txtPhn' );

//so sánh các mã phím được nhấn

nếu (. (mã khóa==8. mã khóa==46)&&(mã khóa < 48. mã khóa > 57))

{

trả về false ;

}

khác

{

//Điều kiện kiểm tra textbox có chứa 10 số hay không

if (phn. giá trị. độ dài

{

return true ;

}

khác

{

trả về false ;

}

}

}

tập lệnh>script>

đầu>head>

<nội dung>

<form id="form1" runat<="server">

<div>

<asp. Hộp văn bản ID="txtPhn" runat="server" onkeypress="return validate(event)">asp:Hộp văn bản>

div>div>

biểu mẫu>form>

cơ thể>body>

html>html>

Thử nghiệm


Vui lòng nhập văn bản vào hộp văn bản bên dưới


 

Sau đó, ở đây chúng ta sẽ xem cách hạn chế người dùng chỉ nhập chữ và số trong hộp văn bản

Để thực hiện điều này, bạn cần viết mã bên dưới vào trang aspx của mình

<html xmlns="http. //www. w3. org/1999/xhtml" >

<đầu runat="server">

<title>Chỉ cho phép trang có số và chữ cái title>

<tập lệnh loại="text/javascript">

// Hàm chỉ cho phép chữ và số vào hộp văn bản

function validatealphanumeric(key) {

var keycode = (key. cái mà) ? . cái mà. Chìa khóa. mã khóa

var phn = tài liệu. getElementById( 'txtChar' );

//so sánh các mã phím được nhấn

nếu (. (mã khóa==8. mã khóa==46)&&(mã khóa < 48. mã khóa > 57) && (mã khóa < 97. mã khóa > 122)) {

trả về false ;

}

khác {

return true ;

}

}

tập lệnh>script>

đầu>head>

<nội dung>

<form id="form1" runat<="server">

<div>

<asp. Hộp văn bản ID="txtname" runat="server" onkeypress="return validatealphanumeric(event)">asp:Hộp văn bản>

div>div>

biểu mẫu>form>

cơ thể>body>

html>html>

Làm cách nào để tôi chỉ giới hạn các số trong hộp văn bản trong html?

Nếu bạn thích bài đăng này, vui lòng hỗ trợ blog bên dưới. Nó miễn phí

Nhận Asp mới nhất. mạng, C#. mạng, VB. NET, jQuery, Plugin & Đoạn mã MIỄN PHÍ bằng cách đăng ký nguồn cấp dữ liệu Facebook, Twitter, RSS hoặc qua email của chúng tôi