首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在敲除验证中验证模型

如何在敲除验证中验证模型
EN

Stack Overflow用户
提问于 2013-06-25 21:19:11
回答 1查看 4.1K关注 0票数 4

我创建了一个视图模型,并希望使用knockout验证来验证该模型。这是我的视图模型

代码语言:javascript
运行
复制
function SignInViewModel() {
   var self = this;

   self.userName = ko.observable('').extend({
      required: true,
      pattern: {
         message: 'Username must be a valid email address',
         params: /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
      }
   });

   self.password = ko.observable('').extend({
      required: true,
      pattern: {
         message: 'Password must be alpha numeric and 4-8 character long .',
         params: /^(?=.*\d).{4,8}$/
     }
   });

   self.login = function () {
      // Want to call validate function here
      $.post("/account/login", { "userName": self.userName(), "password": self.password() })
         .done(function (result) {
            redirect(result.redirect);
     });
    }
}

ko.validation.configure({
   decorateElement: false,
   errorElementClass: "error",   // class name
   insertMessages: false,
   grouping: { deep: true, observable: true }
});

我想在调用我的登录函数时验证我的模型。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-25 21:53:09

创建一个验证组,如

代码语言:javascript
运行
复制
self.errors = ko.validation.group(self);

添加计算的

代码语言:javascript
运行
复制
self.canLogin = ko.computed(function() {
   return self.errors().length === 0;
});

在您的视图中,将此数据绑定添加到按钮

代码语言:javascript
运行
复制
data-bind="click: login, enable: canLogin"
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17298469

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档