jQuery验证表单似乎确实在工作

jQuery验证表单似乎确实在工作,jquery,forms,jquery-validate,Jquery,Forms,Jquery Validate,我对jQuery非常陌生,我试图从jQuery创建一个验证表单,但它似乎不起作用。jQuery表单在我看来非常正常,我的表单中有引导。我把它放在JSFIDLE中,当我单击submit时,它给了我一个错误:P 还有我的jQuery代码 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://ajax.

我对jQuery非常陌生,我试图从jQuery创建一个验证表单,但它似乎不起作用。jQuery表单在我看来非常正常,我的表单中有引导。我把它放在JSFIDLE中,当我单击submit时,它给了我一个错误:P

还有我的jQuery代码

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {

$('#registerForm').validate({
    rules: {
        username: {
            required: true,
            minlength: 5,
            maxlength: 20
        },
        email: {
            required: true,
            minlength: 5,
            maxlength: 255,
            email: true
        },
        password: {
            required: true,
            minlength: 5,
            maxlength: 30
        },
        confirmpassword: {
            required: true,
            equalTo: '#password'
        }
    },
    messages: {
        username: {
            required: 'You must enter a username',
            minlength: 'Your username is too short',
            maxlength: 'Your username is too long'
        },
        email: {
            required: 'You must enter a email',
            minlength: 'Your email is too short',
            email: 'Please enter a valid email address'
        },
        password: {
            required: 'You must enter a password',
            minlength: 'Your password is too short',
            maxlength: 'Your password is too long'
        },
        confirmpassword: {
            required: 'You must confirm your password',
            equalTo: 'You password does not match'
        }
    }
});
});

验证方法来自,您可以通过左侧的外部资源面板将其添加到JSFIDLE中。

您的脚本无权运行。缺少许多逗号。在您的JSFIDLE中,尝试单击顶部栏上的JSHint按钮,它将为您突出显示js错误。我这样做了,现在它说它的有效性您应该包括validate.js文件。哦,也许这就是我没有包括validate.jsClick it的问题,这里的输入标记没有关闭
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {

$('#registerForm').validate({
    rules: {
        username: {
            required: true,
            minlength: 5,
            maxlength: 20
        },
        email: {
            required: true,
            minlength: 5,
            maxlength: 255,
            email: true
        },
        password: {
            required: true,
            minlength: 5,
            maxlength: 30
        },
        confirmpassword: {
            required: true,
            equalTo: '#password'
        }
    },
    messages: {
        username: {
            required: 'You must enter a username',
            minlength: 'Your username is too short',
            maxlength: 'Your username is too long'
        },
        email: {
            required: 'You must enter a email',
            minlength: 'Your email is too short',
            email: 'Please enter a valid email address'
        },
        password: {
            required: 'You must enter a password',
            minlength: 'Your password is too short',
            maxlength: 'Your password is too long'
        },
        confirmpassword: {
            required: 'You must confirm your password',
            equalTo: 'You password does not match'
        }
    }
});