Thông báo lỗi xác thực loại bỏ

Question

Tôi đang sử dụng plugin xác thực loại bỏ và hoạt động tốt nhưng tôi có một vấn đề nhỏ, tôi muốn tạo khoảng xác thực một chút nhưng nổi bật hơn bằng cách sử dụng css và tôi chỉ muốn chèn khoảng xác thực ngay trước phần tử đầu vào, ngay bây giờ khoảng phụ của nó sau phần tử đầu vào.

đây là cách dựng hình của nó ngay bây giờ,

<input id="personName" class="form-control placeholder has-error" type="text" data-bind="value: name" placeholder="Your name" title="This field is required." data-orig-title=""> 
<span class="validationMessage" style="">This field is required.</span> 

Vì vậy, tôi chỉ muốn thêm khoảng này trước khi nguyên tố này.

Answer 1

Nếu bạn muốn tùy chỉnh cách thông báo lỗi hiển thị, bạn cần sử dụng số validation bindings được xác định trước, trong trường hợp này là validationMessage.

Sử dụng này ràng buộc, bạn có thể hiển thị các thông điệp xác nhận cho một tài sản cho bất cứ nơi nào bạn muốn ví dụ như vậy trước khi input yếu tố:

<span data-bind="validationMessage: name"></span> 
<input id="personName" class="form-control placeholder has-error" type="text" 
     data-bind="value: name" 
     placeholder="Your name" title="This field is required." data-orig-title=""> 

Ngoài ra để ngăn chặn đôi hiển thị các thông báo lỗi bạn cũng cần phải turn off the automatic message insertion với:

ko.validation.init({insertMessages: false}); 

Demo JSFiddle.