0

我正在使用 jquery 验证插件。这是我网站上的一个简单表单，它位于 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>

当我将“必需”类添加到“名字”字段并且验证插件可以正确验证它时，一切正常。但是，当我不这样做时（正如我在上面给出的代码中所做的那样），验证插件根本不起作用。是否有我遗漏的东西或验证插件中有一些限制。

4

1 回答 1

0

添加一个</form>标签，您的代码运行良好。也许您呈现的HTML 看起来与您预期的不同。 

Browser -> View Source

...并确保name每个字段的属性与name您.validate()在rules.

演示：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>
于 2013-04-11T00:27:29.390 回答