<div class="editor-label">
        賬號：
    </div>
    <div class="editor-field">
        <input data-bind='value: name,validationElement:name' />
        <span class="validationWarn" data-bind="visible:initName">請輸入用戶名賬號，它由字母漢字數字組成</span>
        <span class="validationError" data-bind="validationMessage:name"></span>
        <span class="validationSuccess" data-bind="visible:name.isValid()"></span>
    </div>

ko.validation.configure({//ko.validation相關配置
                insertMessages: false,//不自動插入錯誤(wu)消(xiao)息
                errorClass: 'error',//指(zhi)定反映到(dao)validationElement對象(xiang)上
            });

            self.name = ko.observable().extend({
                minLength: 2,
                maxLength: { params: 30, message: "名(ming)稱(cheng)最大長度(du)為30個字符" },
                required: {
                    params: true,
                    message: "請輸入名(ming)稱(cheng)",
                },

            });

            self.initName = ko.observable(!self.name.isValid());
            self.name.subscribe(function (newValue) {
                self.initName(false);
            });