Question

我正在尝试使用jquery-validation插件。为此我包含在我的jsp中：

<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

在我的js文件中，我做了：

$(document).ready(function() {

    $('#getCircleTspForm').validate({ 
        rules: {
            xyz: {
                required: true
            }
        },
        messages :{

            xyz: {
                required: 'Enter name'
            }
        },
            submitHandler: function (form) { // for demo
                alert('valid form submitted'); // for demo
                return false; // for demo
            }
        });

    });

xyz是jsp中的文本。

<s:textfield name="xyz"></s:textfield>

但是当我将表单提交为空时，不会显示错误消息。我在控制台中收到此错误：

TypeError: $(...).validate is not a function $('#getCircleTspForm').validate({

我是否必须包含一些其他文件才能使其正常工作？

代码错了吗？

Answer 1

首先需要加载jquery插件，然后验证插件配对.Plz试试看

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>

无论如何，我为你的伴侣创建了一个fiddle。

<强>的jsfiddle

http://jsfiddle.net/ShZ6M/

jQuery验证插件不起作用？

1 个答案: