盡管必須為null，但仍需要ASP.NET核心ViewModel字段

Question

我正在使用Asp.net核心構建一個Web應用程序。 我正在使用內置的核心驗證方法。 我有一個表單，想在其中使用數據注釋應用客戶端驗證。 我的模型如下所示：

[Display(Name= "Address")] 
[Required]
[StringLength(80, MinimumLength = 5)]
public string Address { get; set; }

[Display(Name = "When it is needed")]
[Required]
[DataType(DataType.Date)]
public DateTime TakeDownDate { get; set; }

[Display(Name = "Exact time")]
[Required]
[DataType(DataType.Time)]
public TimeSpan ExactTimeToTakeDown { get; set; }

[Display(Name = "Content of container")]
public ContainerContentEnum? Content { get; set; }

[Display(Name = "When to take up")]
[DataType(DataType.Date)]
public DateTime? TakeUpDate { get; set; }   

[Display(Name= "Other comment")]
[StringLength(250)]
public string Other { get; set; }

[Display(Name = "Multiple round")]
public bool MaybeMoreRound { get; set; }

讓我們看看TakeUpDate屬性。 它是可為空的，因此我允許用戶在字段中不鍵入任何內容來提交表單。 提交表單后，將通過相應的控制器方法對其進行處理：

[HttpPost]
[ValidateAntiForgeryToken]
public IActionResult SaveNewClaim(NewClaimViewModel newClaim)
{
    if (ModelState.IsValid)
    {
        _claimsRepository.Insert(_newClaimViewModelToClaimConverterService.Convert(newClaim));
        return CreateJsonResult(true, "Az igény sikeresen lementésre került");
    }

    return CreateJsonResult(false, GetErrorMessages());
}

private JsonResult CreateJsonResult(bool isSuccess, string responseMessage)
{
    return Json(new
        {
            success = isSuccess,
            responseText = responseMessage
        }
    );
}

private string GetErrorMessages()
{
    return string.Join(";\n", ModelState.Values
        .SelectMany(x => x.Errors)
        .Select(x => x.ErrorMessage));
}

至於視圖，.cshtml文件如下所示：

@using App.ViewModels.ClaimViewModels.ClaimModels
@model App.ViewModels.ClaimViewModels.ClaimModels.NewClaimViewModel

<div id="calendarModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"></span> <span class="sr-only">close</span></button>
                <h3><b>Új igény felvétele</b></h3>
            </div>
            <div id="modalBody" class="modal-body">
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                <form asp-action="SaveNewClaim" id="EventForm" class="well">
                    <input type="hidden" id="eventID" class="form-control">
                    <div class="form-group">
                        <label asp-for="Address" class=""></label>
                        <div class="">
                            <input asp-for="Address" class="form-control">
                            <span asp-validation-for="Address" class="text-danger"> </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label asp-for="TakeDownDate" class=""></label>
                        <div class="">
                            <input asp-for="TakeDownDate" class="form-control" />
                            <span asp-validation-for="TakeDownDate" class="text-danger"> </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label asp-for="ExactTimeToTakeDown" class=""></label>
                        <div class="">
                            <input asp-for="ExactTimeToTakeDown" class="form-control" />
                            <span asp-validation-for="ExactTimeToTakeDown" class="text-danger"> </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label asp-for="Content" class=""></label>
                        <div class="">
                            <select asp-for="Content" asp-items="@Html.GetEnumSelectList<MokaKukaMap.Domain.Model.ContainerContentEnum>()" class="form-control">
                                <option selected="selected" value="">Kérem válassz</option>
                            </select>
                            <span asp-validation-for="Content" class="text-danger"> </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label asp-for="TakeUpDate" class=""></label>
                        <div class="">
                            <input asp-for="TakeUpDate" class="form-control" />
                            <span asp-validation-for="TakeUpDate" class="text-danger"> </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label asp-for="Other" class=""></label>
                        <div class="">
                            <input asp-for="Other" class="form-control" />
                            <span asp-validation-for="Other" class="text-danger"> </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label asp-for="MaybeMoreRound" class=""></label>
                        <div class="">
                            <input asp-for="MaybeMoreRound" type="checkbox" class="form-control" />
                            <span asp-validation-for="MaybeMoreRound" class="text-danger"> </span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnPopupCancel" data-dismiss="modal" class="btn">Vissza</button>
                <button type="button" id="btnPopupSave" class="btn btn-primary">Igény mentése</button>
            </div>
        </div>
    </div>
</div>

最后但並非最不重要的是我在提交按鈕上的ajax發布（單擊事件）：

$('#btnPopupSave').click(function () {
    var dataRow = {
        Address: $('#Address').val(),
        TakeDownDate: $('#TakeDownDate').val(),
        ExactTimeToTakeDown: $('#ExactTimeToTakeDown').val(),
        Content: $('#Content').val(),
        TakeUpDate: $('#TakeUpDate').val(),
        Other: $('#Other').val(),
        MaybeMoreRound: $('#MaybeMoreRound').val()
    }

    console.log('Submitting form...');
    $.ajax({
        type: 'POST',
        url: 'SaveNewClaim',
        data: dataRow,
        headers:
        {
            "RequestVerificationToken": '@GetAntiXsrfRequestToken()'
        },
        dataType: 'json',
        success: function (response) {
            if (response.success) {
                $('#calendarModal').modal('hide');
                $('#calendar').fullCalendar('refetchEvents');
                alert(response.responseText);
            }
            else {
                alert(response.responseText);
            }
        },
        error: function(xMlHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest.responseText);
            console.log(textStatus);
            console.log(errorThrown);
        }
    });
});

盡管我將TakeUpDate設置為可空，但我的模型仍然無效，並且收到以下錯誤消息：值“何時吸收”無效。

老實說，我在stackoverflow以及其他論壇中檢查了所有相關的Q / As，所有人都說這是將字段設置為可空的正確方法。

如果您需要更多代碼，我會立即將其添加到此問題中...

Answer 1

根本的問題是您要將空字符串傳遞回控制器。

您可能需要捕獲該空字符串，然后在進行模型綁定之前將其轉換為null，或者您需要解決已知的“錯誤”並處理此時驗證始終會失敗的事實。

您可能可以更改Ajax POST以顯式發送null。

另外（也許我會做）只是理智地檢查您在控制器中的日期。 如果它是一個空字符串，則將其從ModelState中刪除，這樣就不會將其標記為無效（因為您已經知道它是什么以及為什么）。 ModelState仍將驗證其他字段是否正常。

類似於以下內容：

public IActionResult SaveNewClaim(NewClaimViewModel newClaim)
{
    if (newClaim.TakeUpDate == "")
    {
        ModelState.Remove("TakeUpDate");
    }

    if (ModelState.IsValid)
    {
        newClaim.TakeUpDate = null;

        _claimsRepository.Insert(_newClaimViewModelToClaimConverterService.Convert(newClaim));
        return CreateJsonResult(true, "Az igény sikeresen lementésre került");
    }

    return CreateJsonResult(false, GetErrorMessages());
}