Backbonejs-유효성 검사가 제대로 함수를 호출하지 않음

3g 웹 트레인

백본 테스트 앱을하고 있습니다. 나는 그것을 검증하기로 결정했습니다. 유명한 validate thedersen의 backbone.validation 중 하나를 사용하고 있지만 제대로 작동하지 않습니다. 여기 내 소스가 문제를 파악하는 데 도움이됩니까?

jQuery(document).ready(function($) {

    _.extend(Backbone.Validation.callbacks, { //is this wrong place?
        valid: function (view, attr, selector) {
            console.log("valide"); //i am not getting any console
        },
        invalid: function (view, attr, error, selector) {
           console.log('not valide'); //i am not getting any console
        }
    });



    var Person = Backbone.Model.extend({
        defualts : {
                    first_name : 'qwe',
                    last_name : 'ewq',
                    id : 0
        },
        validation: {
            first_name: {
              required: true,
              msg: 'Please enter a valid first_name'
            },
            last_name: {
              required: true,
              msg: 'Please enter a valid last_name'
            }
        }

    });

    var PersonCollection = Backbone.Collection.extend({
            model : Person
        });

    var idGen = 1;

    var PersonView = Backbone.View.extend({
        el : $("#personDisplay"),
        tmpl : _.template($("#personTemplate").html()),
        editTmpl : _.template($("#editPersonTemplate").html()),
        initialize:function(){

        },
        render : function() {
            if (this.model.id != 0) {
                    $(this.el).append(this.tmpl(this.model.toJSON()));
            } else {
                    $(this.el).append(this.editTmpl(null));


               }

//when below uncommitted it works, but i am getting 3 consoles.

                // var isValid = this.model.isValid('first_name');  
                // console.log('isValid', isValid);
        }
    });         

     var PersonMasterView = Backbone.View.extend({

            el : $("#displayForm"),
            editTmpl : _.template($("#editPersonTemplate").html()),

            events : {
                    "click #addUser" : "addUsr",
                    "click #save" : "add"
            },

            initialize : function() {

                    this.collection = new PersonCollection();
                    this.render();
                    Backbone.Validation.bind(this);
            },

            render : function() {
                    //
                    $("#personDisplay").html('');

                    _.each(this.collection.models, function(item) {
                            //alert('collection iteratin->'+item.id);
                            var perView = new PersonView({
                                    model : item
                            });
                            perView.render();
                    }, this);

            },

            add : function(e) {
                    e.preventDefault();
                    idGen = idGen + 1;
                    var data = (Backbone.Syphon.serialize(this));
                    var that = this;
                    data.id = idGen;
                    // console.log(data);
                    this.collection.add(data);
                    this.render();
            },

            addUsr : function() {
                    var prsn = new Person({
                            id : 0
                    });
                    this.collection.add(prsn);
                    this.render();
            }
    });

    var pView = new PersonMasterView();
    Backbone.Validation.bind(pView);

});
3g 웹 트레인

다음과 같이 코드를 업데이트했습니다. 잘 작동합니다. 모두에게 감사합니다

var PersonView = Backbone.View.extend({
        el : $("#personDisplay"),
        tmpl : _.template($("#personTemplate").html()),
        editTmpl : _.template($("#editPersonTemplate").html()),
        initialize:function(){
            Backbone.Validation.bind(this);
        },
        render : function() {

            var status = this.model.isValid(true);

            if (this.model.id != 0) {
                    $(this.el).append(this.tmpl(this.model.toJSON()));
            } else {
                    $(this.el).append(this.editTmpl(null));
            }
        }
    });     

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

BackboneJs 유효성 검사가 실행되지 않음

분류에서Dev

java json 스키마 유효성 검사 상대 경로가 작동하지 않음 (URI를 찾을 수 없음)

분류에서Dev

MVC4 원격 유효성 검사가 제대로 작동하지 않음

분류에서Dev

jQuery 양식 유효성 검사가 제대로 작동하지 않음

분류에서Dev

jqx 유효성 검사기가 제대로 작동하지 않음

분류에서Dev

ng-if 유효성 검사기가 제대로 작동하지 않음

분류에서Dev

REST API에 대한 클래스 수준 유효성 검사기가 유효성 검사기를 실행하지 않음

분류에서Dev

양식 유효성 검사가 제대로 작동하지 않음 : 이름이 채워지지 않음

분류에서Dev

JQuery DateTimePicker가 눈에 띄지 않는 유효성 검사를 사용하여 유효성 검사하지 않음

분류에서Dev

jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

분류에서Dev

jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

분류에서Dev

확인되지 않고 제출 된 gettting에 대해 양식 유효성 검사가 작동하지 않음

분류에서Dev

각도 유효성 검사 지시문이 제대로 작동하지 않음

분류에서Dev

jquery 요청을 사용하여 유효성 검사가 제대로 작동하지 않음

분류에서Dev

테스트 RSpec에 오류가 표시되지 않음 비워 둘 수 없음 최소 및 상승 오류에 대한 유효성 검사를 표시 함

분류에서Dev

Tensorflow가 유효성 검사 손실 및 유효성 검사 정확도를 기록하지 않음

분류에서Dev

jquery 양식 유효성 검사가 제대로 작동하지 않습니다.

분류에서Dev

ajax가 제대로 작동하지 않는 jQuery 유효성 검사

분류에서Dev

angularjs의 유효성 검사가 제대로 작동하지 않습니다.

분류에서Dev

jQuery 유효성 검사가 제대로 작동하지 않습니다.

분류에서Dev

Angular JS 유효성 검사가 제대로 작동하지 않습니다.

분류에서Dev

Jquery 양식 유효성 검사가 제대로 작동하지 않습니다.

분류에서Dev

Python : 코드를 실행하지 않고 함수 호출의 유효성을 검사하는 방법

분류에서Dev

유효성 검사 함수를 호출하는 VB.Net 문제

분류에서Dev

Rails : has_secure_password가 유효성 검사를 수행하지 않음

분류에서Dev

기본 유효성 검사 자바 스크립트가 제대로 작동하지 않음

분류에서Dev

기본 유효성 검사 자바 스크립트가 제대로 작동하지 않음

분류에서Dev

javascript를 사용한 유효성 검사 후 제출 버튼이 작동하지 않음

분류에서Dev

Angular 2 사용자 지정 유효성 검사가 구성 요소 함수 내부를 호출하지 않습니다.

Related 관련 기사

  1. 1

    BackboneJs 유효성 검사가 실행되지 않음

  2. 2

    java json 스키마 유효성 검사 상대 경로가 작동하지 않음 (URI를 찾을 수 없음)

  3. 3

    MVC4 원격 유효성 검사가 제대로 작동하지 않음

  4. 4

    jQuery 양식 유효성 검사가 제대로 작동하지 않음

  5. 5

    jqx 유효성 검사기가 제대로 작동하지 않음

  6. 6

    ng-if 유효성 검사기가 제대로 작동하지 않음

  7. 7

    REST API에 대한 클래스 수준 유효성 검사기가 유효성 검사기를 실행하지 않음

  8. 8

    양식 유효성 검사가 제대로 작동하지 않음 : 이름이 채워지지 않음

  9. 9

    JQuery DateTimePicker가 눈에 띄지 않는 유효성 검사를 사용하여 유효성 검사하지 않음

  10. 10

    jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

  11. 11

    jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

  12. 12

    확인되지 않고 제출 된 gettting에 대해 양식 유효성 검사가 작동하지 않음

  13. 13

    각도 유효성 검사 지시문이 제대로 작동하지 않음

  14. 14

    jquery 요청을 사용하여 유효성 검사가 제대로 작동하지 않음

  15. 15

    테스트 RSpec에 오류가 표시되지 않음 비워 둘 수 없음 최소 및 상승 오류에 대한 유효성 검사를 표시 함

  16. 16

    Tensorflow가 유효성 검사 손실 및 유효성 검사 정확도를 기록하지 않음

  17. 17

    jquery 양식 유효성 검사가 제대로 작동하지 않습니다.

  18. 18

    ajax가 제대로 작동하지 않는 jQuery 유효성 검사

  19. 19

    angularjs의 유효성 검사가 제대로 작동하지 않습니다.

  20. 20

    jQuery 유효성 검사가 제대로 작동하지 않습니다.

  21. 21

    Angular JS 유효성 검사가 제대로 작동하지 않습니다.

  22. 22

    Jquery 양식 유효성 검사가 제대로 작동하지 않습니다.

  23. 23

    Python : 코드를 실행하지 않고 함수 호출의 유효성을 검사하는 방법

  24. 24

    유효성 검사 함수를 호출하는 VB.Net 문제

  25. 25

    Rails : has_secure_password가 유효성 검사를 수행하지 않음

  26. 26

    기본 유효성 검사 자바 스크립트가 제대로 작동하지 않음

  27. 27

    기본 유효성 검사 자바 스크립트가 제대로 작동하지 않음

  28. 28

    javascript를 사용한 유효성 검사 후 제출 버튼이 작동하지 않음

  29. 29

    Angular 2 사용자 지정 유효성 검사가 구성 요소 함수 내부를 호출하지 않습니다.

뜨겁다태그

보관