Asp.net mvc 3 如何使用输入标记验证razor视图

我是新来的

MVC

。有没有什么方法可以让客户端验证razor视图的一般输入，比如

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

---

我已经看到有一些方法可以使用模型中的DataAnnotation属性和

@Html.Textbox

或

@Html.TextBoxFor

来实现。但是找不到可以验证纯HTML表单元素的东西。我正在使用

Html.BeginForm

在页面上呈现我的表单

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

$（文档）.ready（函数（）{

$（“#帐户信息”）。验证({
规则：{
电话号码：{
必填项：true
},
收件人姓名：{
要求：正确，
minlength:6//I get typeError$（…）。validate不是一个函数。我是这样添加代码的：var txtName=$（“#txtName”）；然后添加内部规则txtName:{required:true}。我还添加了表单的Id和Name属性，如下所示：使用（Html.BeginForm（null，null FormMethod.Post，new{Id=“frmContactUs”，Name=“frmContactUs”））正确呈现。验证函数的启动方式类似于$（“#frmContactUs”）。验证（{rules:{txtName:{required:true}}}）；我测试了添加到_Layout.chtml头中的jQuery是否正常工作。我是否缺少什么？您需要先加载主jQuery脚本..然后加载Validate.js，因为Validate需要jQuery。。。（你先加载validate.hs，然后加载jquery.js）比如…………哦，jquery validator的路径是错误的！现在它像一个符咒一样工作！谢谢，所以muchI还需要2个声誉才能投票，目前我有13个。只要我得到这2分，我就会这么做！
$("#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
    }
});