Javascript MVC 3中无模型的验证

我对mvc3中的验证有一个问题。内置验证看起来很棒。然而，有一次我不得不使用javascript，导致它与外观不一致（警报窗口与漂亮的红色文本）。我们有一个表单，其中包含一些供用户输入的字段。提交时，一些ajax代码会触发一个链接，该链接映射到一个控制器方法，该方法获取表单中提交的值，并启动导致创建客户机数据库的过程。 问题是：既然表单上没有直接映射到字段的模型，那么对字段（长度、字符等）进行验证的最佳方法是什么？ 我的解决方案是编写一些javascript函数，但有没有更干净的方法呢

 <td>@Html.TextBox("NewClientId")</td>
...            

    <script language="javascript">
       function ValidateFieldLength(min, max, element) {
            var len = element.value.length;
            if (len < min || len > max)
                return false;
            else {
                return true;
            }
        }
        function createNewClient() {
            if (!ValidateFieldLength(3,3,document.getElementById('NewClientId'))) {
            alert("Invalid Client ID length");
            return;
        }
        $.ajax({
            url: '/api/Clients',
            type: 'PUT',
            data: JSON.stringify({
                ClientId: $('#NewClientId').val(),
                Name: $('#NewClientName').val()
            }),
            contentType: 'application/json; charset=utf-8',
            success: function (reponse) {
                //alert(reponse.data.model.Id);
                alert("Database created");
            },
            error: function (err) {
                alert(err);
            }
        });
    }

@Html.TextBox（“NewClientId”）
...            
函数ValidateFieldLength（最小、最大、元素）{
var len=element.value.length；
如果（lenmax）
返回false；
否则{
返回true；
}
}
函数createNewClient（）{
if（！ValidateFieldLength（3,3，document.getElementById（'NewClientId'））{
警报（“无效的客户端ID长度”）；
返回；
}
$.ajax({
url:“/api/Clients”，
键入：“PUT”，
数据：JSON.stringify({
ClientId:$（'#NewClientId'）.val（），
名称：$（'#NewClientName'）.val（）
}),
contentType:'application/json；charset=utf-8'，
成功：功能（响应）{
//警报（reponse.data.model.Id）；
警报（“已创建数据库”）；
},
错误：函数（err）{
警惕（err）；
}
});
}

您可以使用jQuery.validate并使用一些内置的验证方法。

---

尽管对于您的操作来说可能有些过分，仍然需要您进行服务器端验证。

您仍然可以使用视图模型来设置验证规则，然后使用一些不引人注目的javascript来捕获表单提交，以完成ajax文章

视图模型

public class YouViewModel
{
    [DisplayName("Client name")]
    [Required()]
    public string NewClientName { get; set; }

    [DisplayName("Client id")]
    [StringLength(3, MinimumLength = 3, ErrorMessage = "{0} must be 3 characters")]
    public string NewClientId { get; set; }
}

控制器

public ActionResult YourAction()
{
    return View() //Note that you don't even need to pass a view model to the view
}

查看

@model Namespace.YouViewModel

@using (Html.BeginForm())
{
    <div class="form-body">
        @Html.ValidationSummary()

        <div class="control-group">
            @Html.LabelFor(x => x.NewClientName )
            @Html.TextBoxFor(x => x.NewClientName , new { @class = "span3" })
        </div>

        <div class="control-group">
            @Html.LabelFor(x => x.NewClientId )
            @Html.PasswordFor(x => x.NewClientId , new { @class = "span3" })
        </div>
    </div>
}

@model Namespace.YouViewModel
@使用（Html.BeginForm（））
{
@Html.ValidationSummary（）
@LabelFor（x=>x.NewClientName）
@Html.TextBoxFor（x=>x.NewClientName，new{@class=“span3”}）
@LabelFor（x=>x.NewClientId）
@Html.PasswordFor（x=>x.NewClientId，new{@class=“span3”}）
}

我看到的另一个选项是将验证数据属性手动添加到html元素中。通过这种方式，您可以避免在服务器端和客户端重复错误消息和其他属性

例如

@Html.TextBox("NoOfJoinees", "", new 
{ 
   size = 5,  
   data_val_required="No. of joinees is required",
   data_val_number = "The field No. of joinees must be a number.",
   data_val_range = "No. of joinees should be minimum 2 and not more than 10",
   data_val_range_max="10",
   data_val_range_min="2"
})

在上面的文本框中，我添加了三种类型的验证：必需的、类型和范围，通过添加数据属性可以轻松地进行验证。微软提供的不引人注目的验证库将处理其余部分

---

您应该从单个位置读取错误消息和其他常量。因此，在服务器端执行验证时，不需要复制它们。

验证是否会影响是否应将其存储到数据库中？如果是这样，Javascript很好，但您需要验证服务器端。绕过客户端验证非常容易。如果没有验证，它就不应该调用ajax命令。为什么不能使用模型和数据注释呢？正如WooHoo所说，无论jQuery验证如何，都需要服务器端验证。如果没有模型，它真的是MVC吗？仅仅创建一个模型有什么错呢，即使模型没有数据后端？它仍然允许您利用默认模型绑定来处理请求数据。我的.02美元非常感谢，我修改了这一点，这符合我的要求检查