2013-05-21 20 views
14

Tôi có đầu vào mà tôi muốn hiển thị thông báo lỗi tùy chỉnh khi người dùng không điền vào.jQuery Xác thực thông báo tùy chỉnh

<input type="text" class="foo" value="" data-prop="foo" data-rules="{ required: true }"></input> 

Làm cách nào để thêm thông báo lỗi tùy chỉnh vào đầu vào cụ thể này?

+0

Would một cái gì đó tương tự như những gì soupenvy cho thấy đây http://stackoverflow.com/questions/ 6777634/jquery-validation-plugin-custom-message? Rq = 1 giải quyết vấn đề của bạn? –

+0

@BenjaminGruenbaum Rất có thể là không. Tôi muốn tránh jQuery để ghi đè lên các tin nhắn trên chỉ một. Không có cách nào để thiết lập điều này với một thuộc tính? –

Trả lời

32

Sử dụng:

data-msg-required="Please enter something here!" 

Dưới đây là một code demo HTML: https://github.com/jzaefferer/jquery-validation/blob/master/demo/custom-messages-data-demo.html

JS Fiddle demo: http://jsfiddle.net/leniel/VuPPy/48/

+2

bạn đã làm cho cuộc sống của tôi dễ dàng – San

+1

@San: vui vì nó giúp đỡ ... :-) –

+0

Tôi có thêm một câu hỏi nhỏ Tôi đang sử dụng dải quy tắc dữ liệu = "[14,30]" cho phạm vi ở dạng html5 của tôi . Tôi đang sử dụng plugin multistep hình thức jquery stepy trong đó sử dụng jquery xác nhận. Làm thế nào tôi có thể sử dụng các lĩnh vực từ việc sử dụng chỉ bảng chữ cái. Tôi có thể sử dụng một cái gì đó như data-regex ??? – San