Backbone.Syphon - 验证表单的正确方法是什么?

时间:2014-06-08 05:28:49

标签: jquery forms validation backbone.js marionette

我的view.js中有一个表单 - 一旦用户点击提交,我就会将表单序列化并接收序列化数据..

但我仍然不熟悉这个新的'虹吸' - 我对表格的验证不太清楚。任何人都向我展示了验证序列化数据的正确方向...

这是我的尝试和我的期望:

define([
    'jQuery','underscore',
    'backbone','marionette',
    'text!./templates/loginView.html'],
    function($,_,Backbone,Marionette,template){
        "use strict";

        var LoginView = Backbone.Marionette.ItemView.extend({

            className:'col-xs-12 col-md-4 col-md-offset-4',

            template:_.template(template),

            events:{
                "submit form" : "loginSubmit"
            },

            loginSubmit:function(e){
                e.preventDefault();
                var data = Backbone.Syphon.serialize(e.target); // i am getting serialized data properly.

                _.each(data, function(val,key){
                    if(!val) {
                        $el.select(); // i am looking some thing like this... hot to achieve?
                    }
                });
            }

        });

        return LoginView;
    }
);

可能是我做的方式可能是错的。请建议我正确的方式或纠正我..

提前感谢..

1 个答案:

答案 0 :(得分:0)

Backbone.Syphon旨在将Backbone.View的表单输入序列化为一个简单的JSON对象。

为了验证属性,使用库backbone.validationStickIt(data binding in the model entity)这两个库非常有用。

如果您选择此选项,您将不再需要库backbone.syphon stickyt 已经具有在模型中设置属性的责任实体

当您提交表单时,库 backbone.validation 检查您的模型实体属性为验证