javascript - jQuery 表单验证不起作用，输入意外结束

Question

我正在创建一个简单的留言簿，这是一项作业，其中特别要求我们使用 jQuery 来验证空字段。我已经在谷歌上搜索了几个小时，试图找出为什么我的验证不起作用 - 但我还没有找到任何有效的解决方案。

但是，当我使用 Chrome 调试应用程序时，我得到:

未捕获的语法错误:输入意外结束 - 控制台窗口中出现一个红点，位于我的文档类型声明之前。

这可能与验证不起作用有关吗？我的代码的相关部分如下。

表格:

<form id="aForm" method="post" action="">

        <ol>
            <li>
                <label for="name">Name:</label> 
                <input type="text" name="name" placeholder="Type your name...">

            </li>
            <li>
                <label for="comment"></label>
                    <br>Message: <br><textarea maxlength="100" name="comment"
                    placeholder="Share a thought..." rows=6 cols=33></textarea>

            </li>
            <li>
                <input type="submit" name="submit" value="Submit your message!">
            </li>
        </ol>

    </form>

在文档末尾进行验证(脚本来自受信任的插件):

<script src="js/jquery.js"></script>
<script src="js/validation.js"></script>

<script>
   $(document).ready(function() {
    $.validator.setDefaults({
        submitHandler: function() { alert("Submitted!"); }
    });

    $("#aForm").validate({
        rules: {
             name: { required: true },
             comment: { required: true }
        },
        messages: {
             name: "Please enter your name",
             email: "Please enter a comment"
        }

});

</script>

Answer 1

您没有关闭在 $("#aForm").validate(

中打开的括号

代码应该是:

<script>
   $(document).ready(function() {
    $.validator.setDefaults({
        submitHandler: function() { alert("Submitted!"); }
    });

    $("#aForm").validate({
        rules: {
             name: { required: true },
             comment: { required: true }
        },
        messages: {
             name: "Please enter your name",
             email: "Please enter a comment"
        }); //<= added


});

</script>