Knockout-Validation - Use an icon instead of message
Issue #317
HTML
<script src="https://rawgit.com/Knockout-Contrib/Knockout-Validation/master/Dist/knockout.validation.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<script id="faTemplate" type="text/html">
<i class="fa fa-asterisk validationMessage"></i>
</script>
<input type="text" data-bind="value: name" />
CSS
.validationMessage {
color: #cc0000;
}
JavaScript
ko.validation.init({
messagesOnModified: false,
messageTemplate: 'faTemplate',
grouping: {
deep: true
},
});
function ViewModel() {
this.name = ko.observable().extend({
required: true
});
};
var vm = ko.validatedObservable(new ViewModel());
ko.applyBindings(vm);
vm.errors.showAllMessages();