녹아웃 텍스트 상자 유효성 검사 오류

Question

내가 직면하고 문제는 스크립트 아래에 포함했다

$(document).ready(function() { 

     ko.validation.registerExtenders(); 

     ko.validation.configure({ 
      registerExtenders: true, 
      decorateElement: true 
     }); 

     var vm = ko.validatedObservable({ 

      text: ko.observable().extend({ 
       required: true 
      }), 
      save: function() { 
       debugger; 
       if (this.isValid()) { 
        alert('success'); 
       } 
       else { 
        this.errors.showAllMessages(); 
        alert('error'); 
       } 
      } 
     }); 
     ko.applyBindings(vm); 

    }); 

내 스크립트 내 html로 여기

<input type="text" data-bind="value:text" /> 
<br /> 
<br /> 
<input type="button" data-bind="click:save" value="save" /> 

입니다

<script src="/Scripts/jquery-2.1.1.min.js" type="text/javascript"></script> 
<script src="/Scripts/knockout-2.1.0.js" type="text/javascript"></script> 
<script src="/Scripts/knockout.mapping-latest.js" type="text/javascript"></script> 
<script src="/Scripts/knockout.validation.min.js" type="text/javascript"></script> 

내가 이것을 실행하면 "this.isValid()"에서 함수가 아닌 Undefined가됩니다.

도와주세요.

Answer 1

내가 validatedObservable을 사용하려면이 패턴을 선호 - http://codepen.io/dmoojunk/pen/PwNbEL가

ko.validation.registerExtenders(); 

ko.validation.configure({ 
    registerExtenders: true, 
    decorateElement: true 
}); 

var vm = function(){ 
    var self = this; 
    self.text= ko.observable().extend({ 
    required: true 
    }), 
    self.save= function() { 
    if (this.isValid()) { 
     alert('success'); 
    } 
    else { 
     this.errors.showAllMessages(); 
     alert('error'); 
    } 
    } 
}; 
var viewmodel = ko.validatedObservable(new vm())(); 
ko.applyBindings(viewmodel);