asp.net-mvc-3 - 如何客户端验证带有输入标签的剃刀视图

Question

我是新手MVC。有什么方法可以让客户端验证具有一般输入的剃刀视图，例如

<input type-"text" id="txtFirstName" />

我已经看到有一些方法可以使用模型和@Html.Textboxor中的 DataAnnotation 属性来做到这一点@Html.TextBoxFor。但是找不到可以验证纯 HTML 表单元素的东西。我正在使用Html.BeginForm在页面上呈现我的表单。

Answer 1

您想在不使用剃刀的情况下对文本框进行一些验证。您可以提出 jquery 验证。（规则和消息。）

$(文档).ready(函数 () {

$("#account_info").validate({
    rules: {
        phone_number: {
            required: true
        },
        recipient_name: {
            required: true,
            minlength: 6  // <-- removed underscore
        }
    },
    messages: {
        phone_number: {
            required: "this field is required"
        },
        recipient_name: {
            required: "Enter recipient name",
            minlength: "Name should be at least {0} characters long" // <-- removed underscore
        }
    },
    submitHandler: function (form) { // for demo
        alert('valid form');  // for demo
        return false;  // for demo
    }
});

});