Đôi khi các tình huống phát sinh [giả sử id người dùng, mật khẩu hoặc mã] khi người dùng phải điền vào một hoặc nhiều trường các ký tự bảng chữ cái [A-Z hoặc a-z] và số [0-9] trong biểu mẫu HTML. Bạn có thể viết tập lệnh xác thực biểu mẫu JavaScript để kiểm tra xem [các] trường bắt buộc trong biểu mẫu HTML chỉ chứa các chữ cái và số
Chức năng Javascript để kiểm tra xem đầu vào của trường chỉ chứa các chữ cái và số
// Function to check letters and numbers
function alphanumeric[inputtxt]
{
var letterNumber = /^[0-9a-zA-Z]+$/;
if[[inputtxt.value.match[letterNumber]]
{
return true;
}
else
{
alert["message"];
return false;
}
}
Để có được một chuỗi chỉ chứa các chữ cái và số [i. e. a-z, A-Z hoặc 0-9], chúng tôi sử dụng biểu thức chính quy /^[0-9a-zA-Z]+$/ chỉ cho phép các chữ cái và số. Tiếp theo, phương thức match[] của đối tượng chuỗi được sử dụng để khớp biểu thức chính quy đã nói với giá trị đầu vào. Đây là tài liệu web đầy đủ. +
Sơ đồ
Mã HTML
JavaScript form validation - checking all letters and numbers
Enter your Registration Number and Submit
- *Enter numbers and alphabets only.
-
-
mã Javascript
function alphanumeric[inputtxt]
{
var letters = /^[0-9a-zA-Z]+$/;
if[inputtxt.value.match[letters]]
{
alert['Your registration number have accepted : you can try another'];
document.form1.text1.focus[];
return true;
}
else
{
alert['Please input alphanumeric characters only'];
return false;
}
}
Mã CSS
li {list-style-type: none;
font-size: 16pt;
}
.mail {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
background : #D8F1F8;
border: 1px soild silver;
}
.mail h2 {
margin-left: 38px;
}
input {
font-size: 20pt;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
input submit {
font-size: 12pt;
}
.rq {
color: #FF0000;
font-size: 10pt;
}
Xem ví dụ trên trình duyệt
Thực hành ví dụ trực tuyến
Xem Bút chữ-số-trường-1 của w3resource [@w3resource] trên CodePen
file_download Tải xuống mã xác thực từ đây
Xác thực JavaScript khác
- Kiểm tra không trống
- Kiểm tra tất cả các chữ cái
- Kiểm tra tất cả các số
- Kiểm tra số nổi
- Kiểm tra chữ và số
- Kiểm tra độ dài chuỗi
- Xác thực email
- Xác thực ngày
- Mẫu đơn đăng ký
- Không có điện thoại. Thẩm định
- thẻ tín dụng số. Thẩm định
- Xác thực mật khẩu
- Xác thực địa chỉ IP
Trước. JavaScript. Xác thực biểu mẫu HTML - kiểm tra số dấu phẩy động
Tiếp theo. JavaScript. Biểu mẫu HTML - giới hạn độ dài
Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource
JavaScript. Lời khuyên trong ngày
Coi chừng lạm dụng đệ quy
Hãy chú ý đến việc lồng các hàm đệ quy quá nhiều cấp. Mặc dù có khả năng giải quyết nhiều vấn đề, nhưng việc lồng nhau nổi tiếng là khó hiểu trong nháy mắt. Để tránh nhầm lẫn, hãy chú ý đến nơi các hàm đệ quy có thể được rút ra khỏi vị trí lồng nhau của chúng mà không tốn chi phí thời gian chạy đáng kể và làm như vậy bất cứ khi nào có thể. Nếu bạn có hơn 3 cấp hàm lồng nhau, rất có thể các nhà phát triển đồng nghiệp của bạn sẽ gặp khó khăn khi theo dõi nó
ví dụ
Kiểm tra xem một chuỗi có bao gồm "thế giới" không
let text = "Xin chào thế giới, chào mừng đến với vũ trụ. ";
hãy để kết quả = văn bản. bao gồm ["thế giới"];
let text = "Xin chào thế giới, chào mừng đến với vũ trụ. ";
hãy để kết quả = văn bản. bao gồm ["thế giới", 12];
Thêm ví dụ bên dưới
Định nghĩa và cách sử dụng
Phương thức includes[]
trả về true
nếu một chuỗi chứa một chuỗi đã chỉ định
Nếu không, nó trả về false
Phương pháp includes[]
phân biệt chữ hoa chữ thường
cú pháp
chuỗi. bao gồm [giá trị tìm kiếm, bắt đầu]
Thông số
Tham sốMô tảgiá trị tìm kiếmBắt buộc.Chuỗi cần tìm. bắt đầuTùy chọn.
Vị trí bắt đầu từ.
Giá trị mặc định là 0.
Giá trị trả về
LoạiMô tảMột boolean.true
nếu chuỗi chứa giá trị, ngược lại thì false
Thêm ví dụ
Bắt đầu ở vị trí 12
let text = "Xin chào thế giới, chào mừng đến với vũ trụ. ";
hãy để kết quả = văn bản. bao gồm ["thế giới", 12];
Hỗ trợ trình duyệt
includes[]
là một tính năng của ECMAScript6 [ES6]
ES6 [JavaScript 2015] được hỗ trợ trong tất cả các trình duyệt hiện đại
ChromeEdgeFirefoxSafariOperaCóCóCóCóCóincludes[]
không được hỗ trợ trong Internet Explorer 11 [hoặc cũ hơn]