如何使用输入标记验证剃刀视图的客户端

时间:2013-08-01 03:54:37

标签: asp.net-mvc-3 client-side-validation

我是MVC的新手。有没有办法让客户端验证具有一般输入的剃刀视图,如

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

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

1 个答案:

答案 0 :(得分:2)

你想在不使用razor的情况下对文本框进行一些验证。你可以提出jquery验证。(规则和消息。)

$(document).ready(function(){

$("#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
    }
});

});