如何在 MVC 4 中使用 jquery 验证文本框和文本区域答案

【问题标题】：how to validate textbox and textarea using jquery in MVC 4如何在 MVC 4 中使用 jquery 验证文本框和文本区域
【发布时间】：2015-01-21 11:56:00
【问题描述】：

我有意见

<input type="text" class="form" name="abc" id="abc" placeholder="Enter text">
 <textarea class="form" id="xyz" rows="3"></textarea>

我想对这个文本框和文本区域进行验证我有js文件validation.js 我正在通过 Jquery 在按钮上发送数据

<script type="text/javascript">

        $(document).ready(function () {
            //alert('worked');
            $("#btnSubmit").click(function () {
                $.ajax({
                    cache: false,
                    type: "POST",
                    url: "@Url.Action("SubmitHome", "Admin")",
                    data: {
                        "abc": $("#abc").val(),
                        "xyz": $("#xyz").val(),

                    },
                    success: function (data) {

                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert('Failed to retrieve states.');
                    }
                });
            });


                });
            });

        });
    </script>

现在我不明白如何将 validation.js 应用于文本框和文本区域。而且我只想用这种方式。

【问题讨论】：

标签： jquery asp.net-mvc-4 validation textbox jtextarea

【解决方案1】：

您可以将验证属性添加到 mvc 中的视图模型属性，这将应用数据属性以在表单上进行验证。然后在按钮中单击您可以执行以下操作： (https://msdn.microsoft.com/en-us/library/ee256141(VS.100).aspx)

$("#btnSubmit").click(function () {
    if($("#formid").validate()){
        $.ajax({
            cache: false,
            type: "POST",
            url: "@Url.Action("SubmitHome", "Admin")",
            data: {
                "abc": $("#abc").val(),
                "xyz": $("#xyz").val(),

            },
            success: function (data) {

            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert('Failed to retrieve states.');
            }
        });
    }
});

或者，您可以启用不显眼的 ajax，正常的表单提交将进行客户端验证，并且不需要任何额外的 js。

MVC4: jQuery Validation Unobtrusive Native working incorrectly

【讨论】：

我不想使用 HTML 助手。我只是想了解如何在文本框和文本区域上使用这个 jquery
您需要这样做的任何特殊原因还是只是为了知道另一种方法？另一种方法是使用它：jqueryvalidation.org。或者绑定一个方法来检查文本框或文本区域的值的变化。
我正在进行项目，现在无法更改。