HTML5日期输入控件基于JSON Schema的自定义验证

时间:2013-07-31 16:43:04

标签: html5 validation date backbone.js

在我使用Backbone的应用程序中,我有一个JSON对象,告诉显示为HTML5控件的内容,

     "items": [
                { "key": "User.FName", "title" : "First Name" },
                { "key" : "User.LName", "title": "Last Name" },
                {
                    "key": "User.DateofBirth",
                    "title": "Date of Birth",
                    "type": "date"
                },

                {
                    "type": "submit",
                    "title": "Check",
                    "htmlClass": "chkbtn"
                }
            ]

使用此JSON架构

验证用户输入的值
"User" : {
         "required" : true,
         "minItems" : 1,
         "properties" : {
                    "FName" : { "required": true, "title" : "First Name", "type" : "string"},  
                    "LName" : { "required": true, "title" : "Last Name", "type" : "string"},                          
                    "Salutation" : { "required": false, "title" : "Salutation", "type" : "string"},
                    "DateofBirth" : { "required": true, "title" : "Date Of Birth", "type" : "string"}
        }

所需的字段验证工作正常。但我需要进行年龄限制验证,年龄必须在18岁或以上。如何将自定义验证添加到此JSON模式中,以便可以在UI中触发它?

提前致谢。

骨干视图代码。

render: function () {

            // Code to add form from a template to el

            this.jsonForm = $("form").jsonForm({
                "schema": schema,
                "form": options,
                "value": vals
            });


        },

        submit: function (e) {

            var self = this;

            var err = this.jsonForm.validate();

            if (!err.errors) { // Code to persist} }

0 个答案:

没有答案