与require.js和backbone.stickit一起使用时出现奇怪的Backbone.Validation错误

时间:2014-06-19 04:43:00

标签: javascript backbone.js backbone-stickit backbone.validation.js

我喜欢T. Hedersen的backbone.validation插件(https://github.com/thedersen/backbone.validation)与backbone.stickit插件一起用于模型绑定。我遇到了一个奇怪的错误,当模型的单个属性发生变化时,它会不断验证所有字段。这是代码

模型

define(function(require) {

    "use strict";
    var $ = require('jquery'),
            Backbone = require('backbone'),
            Validation = require('backbone.validation'),
            applicantModel = Backbone.Model.extend({
        defaults: {
            firstName: '',
            middleName: '',
            lastName: ''
        },
        initialize: function() {
        },
        validation: {
            firstName: {
                required: true
            },
             middleName: {
                required: true
            },
            lastName: {
                required: true
            }

        }
    });

    return new applicantModel;
});

查看

define(function(require){

"use strict";

var $ = require('jquery'),
        _ = require('underscore'),
        Backbone = require('backbone'),
        tpl = require('text!templates/primaryApplicantInfo.html'),
        lovValues = require('application/models/lovModel'),
        Stickit = require('stickit'),
        ApplicantModel = require('application/models/applicantModel'),
        Validation = require('backbone.validation'),
        template = _.template(tpl),

        applicantView = Backbone.View.extend({
         initialize: function() {
         console.log('Inside the initialization function');



        this.render();
    },
    bindings: {
        '[name=firstName]': {
            observe: 'firstName',
            setOptions: {
                validate: true
            }
        },
        '[name=middleName]': {
            observe: 'middleName',
            setOptions: {
                validate: true
            }
        },
        '[name=lastName]': {
            observe: 'lastName',
            setOptions: {
                validate: true
            }
        }
    },

    render: function() {
        console.log("Inside applicant view");
        //Render application header
        this.$el.html(template);
        this.stickit();
        Backbone.Validation.bind(this, {
        //The problem is here, this executes for all the attributes of the model when changing a single attribute
            forceUpdate: true,
            valid: function(view, attr) {
                console.log("Validity is proper for "+attr);
            },
            invalid: function(view, attr, error) {
                console.log("Validity is improper for "+attr);
            }
        });
        $.each(lovValues.toJSON().suffix, function(val, text) {
            console.log(text.text);
            $('#applicantInfoSuffix').append(new Option(text.text, text.value));
        });

1 个答案:

答案 0 :(得分:0)

请勿将模型的默认值设置为''。如果可能,请删除默认值。

define(function(require){

"use strict";
var $ = require('jquery'),
        Backbone = require('backbone'),
        Validation = require('backbone.validation'),
        applicantModel = Backbone.Model.extend({
    initialize: function() {
    },
    validation: {
        firstName: {
            required: true
        },
         middleName: {
            required: true
        },
        lastName: {
            required: true
        }

    }
});

return new applicantModel;

});