jQuery驗證插件無法正常工作？

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插件，然后再驗證插件mate..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/