JSFiddle - React, Tailwind, and code Playground

by nemesv

HTML

<script src="https://rawgithub.com/Knockout-Contrib/Knockout-Validation/master/Src/knockout.validation.js"></script>
Password:
<input type="text" data-bind="value: Password" />ConfirmPassword:
<input type="text" data-bind="value: ConfirmPassword" />

JavaScript

function UserAccount(data) {
    var self = this;
    self.Password = ko.observable(data.Password).extend({
        required: true,
        minlength: 6,
        message: "Password is required",
        maxLength: 12
    });
    self.ConfirmPassword = ko.observable().extend({
        areSame: self.Password
    });
}


ko.validation.rules['areSame'] = {
    getValue: function (o) {
        return (typeof o === 'function' ? o() : o);
    },
    validator: function (val, otherField) {
        return val === this.getValue(otherField);
    },
    message: 'The fields must have the same value'
};

ko.validation.registerExtenders();
ko.applyBindings(new UserAccount({}));