Asp.net mvc 使用JSON删除必填字段

我正在使用knockoutjs映射插件从JSON构建一个视图模型。然后将该模型的属性绑定到表单上的字段。问题是如何使JSON生成的模型中的字段成为必需字段

例如，如果我像这样加载JSON：

$.getJSON('/Department/GetEmptyModel/', function (data) {
    var mapped = ko.mapping.fromJS(data);
    self.AddDepartmentModel(mapped);
});

self.AddDepartmentModel.AddDepartment = function () {
    $.ajax({
        url: "/Department/Add/",
        type: 'post',
        data: ko.toJSON(self.AddDepartmentModel),
        contentType: 'application/json',
        success: function (result) {
            self.ListOfDepartments.GetListOfAllDepartments();
        }
    });
};

<button type='button' data-bind='click: saveStuff, enable: !noSpaces.hasError'>Save</button>

然后像这样保存它：

$.getJSON('/Department/GetEmptyModel/', function (data) {
    var mapped = ko.mapping.fromJS(data);
    self.AddDepartmentModel(mapped);
});

self.AddDepartmentModel.AddDepartment = function () {
    $.ajax({
        url: "/Department/Add/",
        type: 'post',
        data: ko.toJSON(self.AddDepartmentModel),
        contentType: 'application/json',
        success: function (result) {
            self.ListOfDepartments.GetListOfAllDepartments();
        }
    });
};

<button type='button' data-bind='click: saveStuff, enable: !noSpaces.hasError'>Save</button>

如何确保保存前所有必需字段都已存在

---

谢谢

您需要在将数据提交到服务器之前验证数据。查看敲除的验证插件：

---

我希望这将有助于解决这个问题。

不久前我遇到过类似的问题，我就是这样解决的：

添加自定义扩展器

ko.extenders.spaceNotAllowed = function(target, options){
    target.hasError = ko.observable();
    target.validationMessage = ko.observable();
    var validate = function(newValue) {  // Validation for a field that shouldnt contain spaces
        if(value.indexOf(" ") === -1) target.hasError(false);
        else {
            target.hasError(true);
            target.validationMessage(target.hasError() ? options.errorMessage || "No spaces allowed" : "");
        }
    }
    validate(target());
    target.subscribe(validate);
    return target;       
}

在ViewModel中：

在需要验证的字段上使用我的视图模型中的扩展程序

var ViewModel = {
    var self = this;
    self.noSpaces = ko.observable('initialValue').extend({spaceNotAllowed: {errorMessage: 'no spaces allowed'}});
}

选项1现在，如果您的html页面上有一个提交按钮，您可以像这样对其进行数据绑定：

$.getJSON('/Department/GetEmptyModel/', function (data) {
    var mapped = ko.mapping.fromJS(data);
    self.AddDepartmentModel(mapped);
});

self.AddDepartmentModel.AddDepartment = function () {
    $.ajax({
        url: "/Department/Add/",
        type: 'post',
        data: ko.toJSON(self.AddDepartmentModel),
        contentType: 'application/json',
        success: function (result) {
            self.ListOfDepartments.GetListOfAllDepartments();
        }
    });
};

<button type='button' data-bind='click: saveStuff, enable: !noSpaces.hasError'>Save</button>

此链接说明如何在淘汰中使用自定义扩展器：