javascript - 在没有模型的情况下在 MVC 3 中进行验证

Question

我对 mvc3 中的验证有疑问。内置验证看起来很棒。但是，我不得不在一种情况下使用 javascript，导致它的外观不一致(警告窗口与漂亮的红色文本)。我们有一个表单，其中包含一些供用户输入的字段。提交时，一些 ajax 代码会触发一个链接，该链接映射到一个 Controller 方法，该方法获取从表单提交的值并启动导致创建客户端数据库的过程。问题是:由于没有模型直接映射到该表单上的字段，因此对字段(长度、字符等)进行验证的最佳方法是什么？我的解决方案是编写一些 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);
            }
        });
    }

Answer 1

我会看到的另一个选项是手动将验证数据属性 添加到 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"
})

在上面的文本框中，我通过添加数据属性轻松添加了三种类型的验证:required、type 和range。由 Microsoft 提供的不显眼的验证库将负责其余的工作。

您应该从一个地方阅读错误消息和其他常量。因此，当您在服务器端进行验证时，您无需复制它们。