Parsley.js 控制台错误

chu*_*Dub 3 validation jquery parsley.js

我以为我完全按照文档进行操作,但我不断收到错误。

Uncaught TypeError: Cannot read property 'fn' of undefined 
Run Code Online (Sandbox Code Playgroud)

指向 parsely.js 中的这个函数

 $.fn.parsley = function ( option, fn ) {
Run Code Online (Sandbox Code Playgroud)

然后当我单击提交按钮时,控制台显示

Uncaught TypeError: Object [object Object] has no method 'parsley' 
Run Code Online (Sandbox Code Playgroud)

这是我的表格

<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>
Run Code Online (Sandbox Code Playgroud)

我不知道这是否重要,但我在 Windows 中的 xampp 上作为本地主机运行它。

Chr*_*all 6

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

<script src="../jquery.js" ></script>
<script type="text/javascript" src="../GitProjects/Parsley.js/parsley.js"></script>
Run Code Online (Sandbox Code Playgroud)

http://parsleyjs.org/doc/#installation