validation - 使用 Kendo UI 在 ASP MVC 中进行必填字段验证

Question

我有一个文本框，希望在提交表单时显示必填字段。如果我单击文本框和选项卡转到下一个文本框，则会出现错误消息。我的模型上有这样的“必需”数据注释:

[DisplayName("Shipment Number")]
[Required]
public string ShipmentNumber          { get; set; }

我的 View 如下所示:

<div class="col-sm-8">
    @Html.TextBoxFor(model => model.ShipmentNumber, new {@class = "form-control", @maxlength = "8", @title = "Maximum length is 8"})
    @Html.ValidationMessageFor(model => model.ShipmentNumber)
</div>

哦，我还在 $function 中添加了这些:

$("form").kendoValidator();

$.validator.setDefaults({
       ignore: ""
 });

当我将文本框留空并提交表单时，提交表单时不会显示错误消息，即“需要装运编号!”。P.S:我也试过DataAnnotation:

[Required(ErrorMessage = "ShipmentNumber Is Required")]

有谁知道我怎样才能做到这一点？

更新:这修复了它:更改 Razor 代码以使文本框成为必需的，并添加了必需的错误消息。

@Html.TextBoxFor(model => model.ShipmentNumber, new {@class = "form-control", @maxlength = "8", @title = "Maximum length is 8", data_required_msg = "Shipment Number is required!", required = "required" })

在按钮中用 javascript 提交代码，这样做:

var validator = $(".form-horizontal").kendoValidator().data("kendoValidator");
if (validator.validate()) {
  //code that needs to be executed if it is valid
}

注意:我还从模态类 @Html.ValidationMessageFor 和 $("form").kendoValidator 代码中删除了数据注释。

Answer 1

点击按钮时尝试强制验证:

// Validate the input when the Save button is clicked
$("#save").on("click", function() {
    if (validator.validate()) {
        // If the form is valid, the Validator will return true
        save();
    }
});

或

$("form").submit(function(event) {
    event.preventDefault();
    if (validator.validate()) {
        status.text("Hooray! Your tickets has been booked!")
              .removeClass("invalid")
              .addClass("valid");
    } else {
        status.text("Oops! There is invalid data in the form.")
              .removeClass("valid")
              .addClass("invalid");
    }
});

参见 http://docs.telerik.com/kendo-ui/framework/validator/overview