MVVM架构~knockoutjs系列之验证信息自定义输出~续-白红宇

，我以一个实际中的例子说明了knockoutjs的自定义验证功能，在使用过程中，出现了一个问题，当然了不是问题，只是一种需求，上一讲中自定义验证的表现是：当页面加载后，自动显示有问题的表单元素，这在有些场合是不适合的，有时，我们希望它在被失去焦点时才将错误消息显示出来，而不去输入信息时，它保持一种原始状态，如下面的图：

我们可以看到，它在页面被加载后，显示一些友好的提示消息，而当用户没有按着这种规约输入时，它才会提示您错误的消息，如图：

最后输入正确，我们看到的就是：

当输入合法后，结果如图：

下面说一下实现代码

ＨＴＭＬ核心代码


     
              账号：    
     
    
             
              
      请输入用户名账号，它由字母汉字数字组成

其中validationMessage是指定将验证的错误消息进行绑定输出，它比我们上一讲用的error()更好友，它在页面初始化时，不会被执行．isValid()方法是指当前元素是否验证通过，true表示验证通过，反之为出现错误，错误消息会被装载到validationMessage

属性上，initName是我为warn提示建立一个附加对象，是指当页面被初始化时，显示warn信息，而当元素被修改后，显示验证信息或者成功的信息，validationElement表示当前被验证的元素，你在后台为错误消息设置的css类，可以直接反映到时它上面

ＪＳ核心代码

ko.validation.configure({//ko.validation相关配置                insertMessages: false,//不自动插入错误消息                errorClass: 'error',//指定反映到validationElement对象上            });            self.name = ko.observable().extend({                minLength: 2,                maxLength: { params: 30, message: "名称最大长度为30个字符" },                required: {                    params: true,                    message: "请输入名称",                },            });            self.initName = ko.observable(!self.name.isValid());            self.name.subscribe(function (newValue) {                self.initName(false);            });

到目前为止，我们的ko.validation讲的就差不多了，在以后的工作中可能还会遇到新的问题，我同样会把它记下来，写出来的，呵呵．

本文转自博客园张占岭（仓储大叔）的博客，原文链接：，如需转载请自行联系原博主。