Làm cách nào để bạn chỉ định thông báo lỗi tùy chỉnh trong Bootstrap cho các trường nhập

Question

Tôi đang sử dụng Twitter-Bootstrap trong .NET 4.0. Tôi không sử dụng bất kỳ plugin xác nhận bổ sung jquery nào.

tôi có mã này:

<asp:TextBox ID="Url" runat="server" required Text='' placeholder="enter the URL" pattern="http://*" messages="Must start with 'http://' or 'https://' "></asp:TextBox> 

Việc xác Regex làm việc nếu tôi gõ 'asdf' trong:

Câu hỏi của tôi là: làm thế nào để tùy chỉnh "Hãy khớp định dạng được yêu cầu "lỗi để nói" Phải bắt đầu bằng 'http: //' hoặc 'https: //' "?

Như bạn có thể thấy tôi đã thử "messages =". Tôi cũng đã thử nhiều người khác.

1. Làm cách nào để tùy chỉnh thông báo lỗi chung?
2. Có tài liệu nào ở đâu cho Bootstrap có thêm thông tin về điều này không?

Answer 1

Điều này thực sự không có gì để làm với bootstrap, chứ không này thực hiện xác nhận đầu vào dạng html5 trong trình duyệt của bạn (Chrome, bởi giao diện của màn hình của bạn).

Khi sử dụng thuộc tính pattern, bạn nên sử dụng title để cung cấp trợ giúp bổ sung cho người dùng (see the MDN docs).

Với title="Must start with 'http://' or 'https://'", bạn sẽ thấy một cái gì đó tương tự (trong Chrome, trình duyệt khác nhau sẽ làm cho này khác nhau):

Input validation using the pattern and title attributes http://junkheap.thirdraven.com/input_with_pattern_and_title_set.png

Bạn cũng có thể thử thay đổi kiểu đầu vào URL, mà sẽ cung cấp cho bạn một khác nhau ngay cả khi không có tiêu đề, nhưng kinh nghiệm của riêng tôi đã được rằng đôi khi trình duyệt thực hiện xác nhận có thể là một chút bực bội.

Answer 2

nếu bạn muốn thay đổi thông báo không hợp lệ, bạn có thể sử dụng thuộc tính không hợp lệ.

oninvalid="this.setCustomValidity('User ID is a must')"

hy vọng điều này sẽ giúp bạn.