Question

<!DOCTYPE html>
<html>
    <head>
        <title></title>

        <script src="assets/js/jquery.js" type="text/javascript"></script>
        <script src="assets/js/jquery.validate.min.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function() {

                var validator = $("#createaccount").validate({

                    rules: {
                    username: {
                        required: true
                    }
                    },
                    messages: {
                        username: {

                            required: "Must enter a username"
                        }
                    },

                    errorPlacement: function(error, element) {
                        error.appendTo ( element.parent().next());
                    },

                    submitHandler: function() {
                    }

                });

            });
        </script>
    </head>
    <body>

        <form autocomplete="off" method="post" action="index.php" id="createaccount">
            <input type="text" name="username" value="" />
            <td class="status"></td>
            <input type="submit" name="submit" value="Log in" />
        </form>

    </body>
</html>

当我按下“提交”按钮时......没有任何反应，我做错了什么？

我正在使用：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 1

您忘记添加错误放置元素。在span元素

之后添加新的form

或更改errorPlacement功能正文如下：$(error).insertAfter(element);

jsFiddle：http://jsfiddle.net/1stein/E7cfb/

jquery验证器错误没有任何反应

1 个答案: