Tối nay tôi đã tìm thấy biểu thức chính quy cuối cùng để lấy các thẻ HTML ra khỏi chuỗi. Nó được viết cách đây một năm bởi Phil Haack trên blog của anh ấy. Regex của anh ấy khá chống đạn. nó có thể phân tích cú pháp các thẻ HTML được viết trên nhiều dòng chứa bất kỳ loại thuộc tính nào [có hoặc không có giá trị, có dấu ngoặc đơn hoặc dấu ngoặc kép]
Thật không may, biểu thức chính quy của anh ấy được thiết kế cho Microsoft. NET , vì vậy tôi đã dành chút thời gian để chuyển đổi nó sang PHP. Đây là kết quả
Thuộc tính
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
Thuộc tính
input:invalid {
border: red solid 3px;
}
Thuộc tính
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
Nếu mẫu đã chỉ định không được chỉ định hoặc không hợp lệ, thì không có biểu thức chính quy nào được áp dụng và thuộc tính này bị bỏ qua
Ghi chú. Sử dụng thuộc tính để chỉ định văn bản mà hầu hết các trình duyệt sẽ hiển thị dưới dạng chú giải công cụ để giải thích những yêu cầu để khớp với mẫu. Bạn không được chỉ dựa vào chú giải công cụ để giải thích. Xem bên dưới để biết thêm thông tin về khả năng sử dụng
Một số loại đầu vào hỗ trợ thuộc tính mẫu, đáng chú ý là các loại đầu vào email và url, có các cú pháp giá trị dự kiến phải khớp. Nếu thuộc tính mẫu không xuất hiện và giá trị không khớp với cú pháp dự kiến cho loại giá trị đó, thì thuộc tính chỉ đọc
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
Khi bao gồm một
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
Nếu giá trị của đầu vào không phải là chuỗi rỗng và giá trị không khớp với toàn bộ biểu thức chính quy, thì có một vi phạm ràng buộc được báo cáo bởi thuộc tính
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
Đưa ra những điều sau đây
Enter your phone number in the format [123] - 456 - 7890 [] -
-
Ở đây, chúng tôi có 3 phần dành cho số điện thoại ở Bắc Mỹ với nhãn ngầm định bao gồm cả ba thành phần của số điện thoại, bao gồm 3 chữ số, 3 chữ số và 4 chữ số tương ứng, như được xác định bởi thuộc tính
input:invalid {
border: red solid 3px;
}
Nếu các giá trị quá dài hoặc quá ngắn hoặc chứa các ký tự không phải là chữ số, thì patternMismatch sẽ là true. Khi
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
input:invalid {
border: red solid 3px;
}
Nếu chúng ta đã sử dụng các thuộc tính
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
input:invalid {
border: red solid 3px;
}
Bạn có thể sử dụng thuộc tính để chỉ định một biểu thức chính quy mà giá trị đã nhập phải khớp để được coi là hợp lệ [xem khóa học cấp tốc đơn giản về cách sử dụng biểu thức chính quy để xác thực đầu vào]
Ví dụ bên dưới giới hạn giá trị ở 4-8 ký tự và yêu cầu giá trị đó chỉ chứa các chữ cái viết thường
Choose a username:
Usernames must be lowercase and 4-8 characters in length.
Submit
input:invalid {
border: red solid 3px;
}
Điều này ám chỉ như vậy
Khi một điều khiển có thuộc tính
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
input:invalid {
border: red solid 3px;
}
Mặc dù một số trình duyệt sử dụng
input:invalid {
border: red solid 3px;
}