2

我一生都无法弄清楚如何让 te ketchup jquery 插件工作。我知道我一定错过了一些简单的东西。有人请帮忙！以下 html 中没有任何反应，没有抛出任何错误..所以我迷路了！我尝试按照这里的简单步骤操作：http: //demos.usejquery.com/ketchup-plugin/

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Yammie</title>
        <link rel="stylesheet" type="text/css" media="screen" href="css/jquery.ketchup.css" />
        <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="js/jquery.ketchup.all.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#default-behavior').ketchup();
            });
        </script>
    </head>
    <body>
        <form id="default-behavior" action="test.html">
            <ul>
                <li>
                    <label for="db-mail">E-Mail</label>
                    <input type="text" id="db-mail" data-validate="validate(required, email)" />
                </li>
                <li>
                    <label for="db-username">Username</label>
                    <input type="text" id="db-username" data-validate="validate(required, username, minlength(3))" />
                </li>
                <li>
                    <label for="db-skill">Skills</label>
                    <input type="checkbox" id="db-skill" name="db-skill" data-validate="validate(minselect(2))" /> jQuery
                    <input type="checkbox" name="db-skill" /> HTML
                    <input type="checkbox" name="db-skill" /> CSS
                    <input type="checkbox" name="db-skill" /> Rails
                </li>
                <li>
                    <input type="submit" value="Is Tasty?" />
                </li>
            </ul>
        </form>
    </body>
</html>
4

2 回答 2

1

尝试在标题中添加这个 scriot 并且表单 ID 必须是默认行为

            <script type="text/javascript">//<![CDATA[
                $(window).load(function(){
                               $('#default-behavior').ketchup();
                               });//]]>
                </script>
于 2012-11-13T03:00:47.663 回答
0

现在试过了。这个对我有用。尝试从 github下载ketchup 0.3.2 ： https ://github.com/mustardamus/ketchup-plugin/downloads 链接所有这三个 js 文件：ketchup.js、ketchup.validations.js和ketchup.helpers.js

于 2012-11-06T11:26:12.323 回答