Question

我正在使用jquery validate插件。这是我网站上的一个简单表格，它位于MVC 4

中

<form name="profileForm" id="profileForm" action="@Url.Content("~/myprofile")" method="post" enctype="multipart/form-data">
                <input type="text" class="name input" placeholder="First name" name="FirstName" id="FirstName" value="@Request["FirstName"]"/>
                <input type="text" class="company input" placeholder="Last Name" name="LastName" id="LastName" value="@Request["LastName"]"/>
                <textarea class="tarea input" placeholder="About" name="AboutUser">@Request["AboutUser"]</textarea>

并使用一些客户端脚本

 </body>
</html>        



    <script src="/Scripts/jquery-1.8.2.js"></script>


         <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script src="/Scripts/jquery.validate.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script>
    <script src="/Scripts/additional-methods.js"></script>




    <script type="text/javascript">
        $(document).ready(function () {


        $('#profileForm').validate({
            rules: {
                FirstName: {
                    required: true,
                    number: true
                },
            }
        });

   });




    </script>

当我将“required”类添加到“FirstName”字段并且验证插件可以正确验证它时，工作正常。但是，当我不这样做时（正如我在上面给出的代码中所做的那样），验证插件根本不起作用。是否有我缺少的东西或验证插件中存在一些约束。

Answer 1

添加</form>代码，您的代码工作正常。也许您的呈现的 HTML看起来与您期望的不同。

Browser -> View Source

...并确保每个字段的name属性与您在name .validate()中指定的rules相匹配。

DEMO：http://jsfiddle.net/skt3b/

<强>的jQuery ：

$(document).ready(function () {

    $('#profileForm').validate({
        rules: {
            FirstName: {
                required: true,
                number: true
            }
        }
    });

});

<强> HTML ：

<form id="profileForm" name="profileForm" action="" method="post" enctype="multipart/form-data">
    <input type="text" name="FirstName" id="FirstName" class="name input" placeholder="First name"  value=""/>
    <input type="text" name="LastName" id="LastName" class="company input" placeholder="Last Name"  value=""/>
    <textarea name="AboutUser" class="tarea input" placeholder="About"></textarea>
    <input type="submit" />
</form>

JQuery Validation插件问题

1 个答案: