• Vui lòng đọc nội qui diễn đàn để tránh bị xóa bài viết
  • Tìm kiếm trước khi đặt câu hỏi

[ASP.NET]Hiển thị hình ảnh trong control validator

Các thủ thuật liên quan đến ứng dụng, biểu mẫu và control

Điều hành viên: tungcan5diop, QUANITGROBEST

neverland87
Guru
Guru
Bài viết: 490
Ngày tham gia: T.Bảy 26/05/2007 4:31 pm
Been thanked: 8 time

[ASP.NET]Hiển thị hình ảnh trong control validator

Gửi bàigửi bởi neverland87 » T.Bảy 05/07/2008 9:03 pm

Thủ thuật: Hiển thị hình ảnh thay cho text trong control kiểm tra hợp lệ
Tác giả: neverland87
Mô tả: Dễ làm


Là 1 người lập trình khôn ngoan, bạn luôn phải kiểm tra những thông tin nhập từ người dùng sao cho khớp với những đòi hỏi của bạn. Trong web form, Microsoft đã xây dựng cho bạn các control để giúp bạn kiểm tra thông tin nhập từ người dùng (RequiredFieldValidator,RangeValidator,...). Khi người dùng nhập liệu không khớp với tiêu chí của bạn thì 1 câu thông báo sẽ hiện thị bên cạnh control mà control validator kiểm soát. Nhưng nếu là những dòng text thì khô khan quá. Có cách nào hiển thị hình ảnh hay cho text không? (hiển thị hình đầu sọ khi người dùng nhập sai dữ liệu cho họ...sợ :)) ). Xin thưa là có, mời bạn đọc tiếp.

- Tạo ứng dụng WebForm, bạn đặt tên gì tùy bạn.
- Để chèn hình ảnh vào ứng dụng web, nhấp chuột phải lên tên project, chọn Add Existing Item.. từ menu xổ ra

pic01.png
pic01.png (13.76 KiB) Đã xem 3255 lần


Lúc này, bạn tìm đến hình ảnh cần hiển thị và nhấn nút Add để thêm vào thư mục Web của mình.

- Bây giờ, bạn kéo thả 1 textbox và 1 RequiedFieldValidator control lên form. Mục đích là để RequiedFieldValidator kiểm tra xem người dùng có nhập liệu vào textbox1 khi site của bạn được postback trở về server hay không? Nếu người dùng không nhập gì, sẽ có 1 hình ảnh hiển thị lên >:)
- Thông qua cửa sổ Properties, bạn thiết lập từng thuộc tính cho RequiedFieldValidator vừa tạo:
+ ControlToValidate: TextBox1
+ ErrorMessage: <img src="nav.gif" />

Như bạn thấy, mình đã chèn tag <img> với thuộc tính src là đường dẫn tới hình ảnh mình cần hiển thị.
OK, bây giờ nhấn F5 để test thử xem thế nào. Di chuyển con nháy chuột vào textbox, không nhập gì cả. Nhấn Enter. Bạn sẽ có kết quả:

pic02.png
pic02.png (15.64 KiB) Đã xem 3257 lần


Tất nhiên, bạn cũng có thể làm được điều này với các control validate còn lại. ;)


SIMPLY THE BEST - ĐƠN GIẢN LÀ TỐT NHẤT

minhbien
Thành viên chính thức
Thành viên chính thức
Bài viết: 11
Ngày tham gia: T.Tư 15/09/2010 10:31 am

Re: [ASP.NET]Hiển thị hình ảnh trong control validator

Gửi bàigửi bởi minhbien » CN 09/01/2011 9:48 pm

Cho em hỏi lỗi này là do sai Font hay do UFC :(
Hình ảnh
Lúc trước thì không có nhưng mấy bữa nay xem lại thì thấy nó bị lỗi, hổng hiểu nó bị gì nữa! Mong mọi người giúp đỡ...

:-S Em post nhầm, chủ topic xóa dùm em, tại em thử up hình mà hổng được

Hình đại diện của người dùng
vo_minhdat2007
Quản trị
Quản trị
Bài viết: 2227
Ngày tham gia: CN 17/07/2005 1:40 am
Has thanked: 13 time
Been thanked: 87 time
Liên hệ:

Re: [ASP.NET]Hiển thị hình ảnh trong control validator

Gửi bàigửi bởi vo_minhdat2007 » T.Hai 10/01/2011 7:15 am

Cái tiêu đề đó do font mặc định của Windows không có Unicode tiếng Việt. Bạn cần vào Control Panel -> Regional and Language Options, qua tab thứ 2 (không nhớ tên gì) và đánh dấu chọn cài đặt 2 cái, quá trình này yêu cầu đĩa cài Windows XP. Windows Vista trở lên không bị trường hợp này.


Quay về “[.NET] Ứng dụng - Form và Control”

Đang trực tuyến

Đang xem chuyên mục này: Không có thành viên nào trực tuyến.0 khách