jQuery（...）。validate不是函数

Question

My browser console is telling me that:

$(...).validate is not a function

I am simply trying to reproduce this example , but it is not working, and I've no idea why. Looking at the networking console, I see that there is no file load error. Also my cache is clear and turned off, so I should be looking at the right source. What else could be going wrong?

Here's the full code on the page:

<form id="myform">
    <input type="text" name="field1" />
    <br/>
    <input type="text" name="field2" />
    <br/>
    <input type="submit" />
</form>


<script src="jquery-1.8.3.min.js"></script> 

<script>

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                email: true
            },
            field2: {
                required: true,
                minlength: 5
            }
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

});


</script>

Answer 1

You need to include jQuery validation plugin:

<script type="text/javascript" src="path-to/jquery-validate.js"></script>

download it and attach to your project.

Answer 2

您所指向的示例使用jQuery validate插件 ，但尚未将其包含在示例中。