Jquery UncaughtTypeError:undefined不是函数_Jquery

Jquery UncaughtTypeError:undefined不是函数

jquery

Jquery UncaughtTypeError:undefined不是函数,jquery,Jquery,您好，我正在尝试执行基本的jQuery表单验证关于此链接：但是，我面临一些错误：uncaughttypeerror:undefined不是一个函数在这一行： $（“#登记表”）。验证（{ 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstr

您好，我正在尝试执行基本的jQuery表单验证关于此链接：

但是，我面临一些错误：

uncaughttypeerror:undefined不是一个函数

在这一行：

$（“#登记表”）。验证（{

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
href="css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="css/myCSS1.css">
<script type="text/javascript"
src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style type="text/css">
.bs-example{
    margin: 20px;
}
</style>


 <script type="text/javascript">
 (function($,W,D)
    {
        var JQUERY4U = {};

        JQUERY4U.UTIL =
        {
            setupFormValidation: function()
            {
                //form validation rules
                $("#register-form").validate({
                    rules: {
                        username: "required",
                        password: "required"
                     },
                    messages: {
                        username: "Please enter your username",
                        password: "Please enter your password"
                    },
                    submitHandler: function(form) {
                        form.submit();
                    }
                });
            }
        }

        //when the dom has loaded setup form validation rules
        $(D).ready(function($) {
            JQUERY4U.UTIL.setupFormValidation();
        });

    })(jQuery, window, document);

 </script>
 </head>
 <body>

<div class="bs-example">
 <form id="register-form" class="form-horizontal" action="login" method="POST"  

  novalidate="novalidate">
    <fieldset >
        <div class="form-group">
            <label for="inputEmail" class="control-label col-xs-2">Username</label>
            <div class="col-xs-10">
                <input type="text" name="username" class="form-control" 

      id="inputEmail">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword" class="control-label col-xs-2">Password</label>
            <div class="col-xs-10">
                <input name="password" type="password" class="form-control" 

          id="inputPassword" placeholder="Password">
            </div>
        </div>

        <div class="form-group">
            <div class="col-xs-offset-2 col-xs-10">
                <button type="submit" class="btn btn-primary">Login</button>
            </div>
        </div>
    </fieldset>
 </form>
 </div>
 </body>
 </html>


.bs示例{
利润率：20px；
}
（函数（$，W，D）
{
var JQUERY4U={}；
JQUERY4U.UTIL=
{
setupFormValidation:函数（）
{
//表单验证规则
$（“#登记表”）。验证({
规则：{
用户名：“必需”，
密码：“必需”
},
信息：{
用户名：“请输入您的用户名”，
密码：“请输入您的密码”
},
submitHandler:函数（表单）{
表单提交（）；
}
});
}
}
//当dom加载了设置表单验证规则时
$（D）.就绪（函数（$）{
JQUERY4U.UTIL.setupFormValidation（）；
});
})（jQuery、窗口、文档）；
用户名
密码
登录

验证

不是内置的jQuery或引导功能之一。您需要添加插件才能使用它。查看代码，它看起来像是它想要的。

您的标记中没有添加此

脚本。添加此脚本，它就会工作
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>



在那个参考中，它告诉我们使用这个脚本，但我不知道为什么他们把它放在可选的位置。我不认为JQuery有一个validate
方法