Jquery Parsley.js控制台错误_Jquery_Validation_Parsley.js

Jquery Parsley.js控制台错误

jquery validation

Jquery Parsley.js控制台错误,jquery,validation,parsley.js,Jquery,Validation,Parsley.js,我以为我完全按照医生说的做了，但我总是出错 Uncaught TypeError: Cannot read property 'fn' of undefined 它指向parsely.js中的这个函数 $.fn.parsley = function ( option, fn ) { 然后当我点击submit按钮时，控制台显示 Uncaught TypeError: Object [object Object] has no method 'parsley' 这是我的表格 <ht

我以为我完全按照医生说的做了，但我总是出错

Uncaught TypeError: Cannot read property 'fn' of undefined

它指向parsely.js中的这个函数

 $.fn.parsley = function ( option, fn ) {

然后当我点击submit按钮时，控制台显示

Uncaught TypeError: Object [object Object] has no method 'parsley'

这是我的表格

<html>
    <head>
        <script type="text/javascript" src="../GitProjects/Parsley.js/parsley.js"></script>
        <script src="../jquery.js" ></script>
        <link href="css/bootstrap.css" rel="stylesheet" />
    </head>
    <body>

<form id="demo-form" data-validate="parsley">
    <label for="fullname">Full Name * :</label>
    <input type="text" id="fullname" name="fullname" data-required="true" />

    <label for="email">Email * :</label>
    <input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" />

    <label for="website">Website :</label>
    <input type="text" id="website" name="website" data-trigger="change" data-type="url" />

    <label for="message">Message (20 chars min, 200 max) :</label>
    <textarea id="message" name="message" data-trigger="keyup" data-rangelength="[20,200]"></textarea>
    <input type="button" value="submit" onclick="$( '#demo-form' ).parsley( 'validate' )"/>
</form>

    </body>
</html>


全名*：
电邮*：
网站：
消息（最小20个字符，最大200个字符）：

我不知道这是否重要，但我将在windows中的xampp上以本地主机的身份运行它。

将jQuery放在欧芹脚本之前。（并确保jQuerys链接/加载正确）

当我“严格使用”欧芹时，我也遇到了同样的问题；在连接和缩小JS文件时包含parseley之前。严格使用,；parsley.js之后的文本为我修复了它。

试试这个

<html>
<head>
   <script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   <script src="http://parsleyjs.org/dist/parsley.js"></script>
</head>
<body>
    <form id="demo-form" data-parsley-validate="true">
        <label for="fullname">Full Name * :</label>
        <input type="text" id="fullname" name="fullname" required />

        <label for="email">Email * :</label>
        <input type="email" id="email" name="email" data-trigger="change" required  />

        <label for="website">Website :</label>
        <input type="url" id="website" name="website" data-trigger="change" />

        <label for="message">Message (20 chars min, 200 max) :</label>
        <textarea id="message" name="message" data-trigger="keyup" data-parsley-range="[20,200]"></textarea>
        <input type="submit" value="submit" />
    </form>

 </body>
</html>


全名*：
电邮*：
网站：
消息（最小20个字符，最大200个字符）：

如果不清楚，很抱歉。我的评论假设您已经在parsley.js之前包含了jQuery。但是，在一个将多个JS文件（包括顶部的jquery）连接在一起的工作流中，当我遇到此错误时，我必须这样做才能使其正常工作。对于您的工作流或包含文件的方法，可能会有所不同。

<html>
<head>
   <script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   <script src="http://parsleyjs.org/dist/parsley.js"></script>
</head>
<body>
    <form id="demo-form" data-parsley-validate="true">
        <label for="fullname">Full Name * :</label>
        <input type="text" id="fullname" name="fullname" required />

        <label for="email">Email * :</label>
        <input type="email" id="email" name="email" data-trigger="change" required  />

        <label for="website">Website :</label>
        <input type="url" id="website" name="website" data-trigger="change" />

        <label for="message">Message (20 chars min, 200 max) :</label>
        <textarea id="message" name="message" data-trigger="keyup" data-parsley-range="[20,200]"></textarea>
        <input type="submit" value="submit" />
    </form>

 </body>
</html>