jQuery验证甚至不工作（作为最后的手段）

Question

我在使用jQuery validate插件验证表单时遇到问题。它没有验证客户端。

HTML：

<form name="addNoteForm" class="form-horizontal" id="addNoteForm" action="addOrderNote.php?OrderID=<?php echo $OrderID; ?> method="POST">                                
    <div class="control-group <?php echo!empty($onNotesError) ? 'error' : ''; ?>">
        <label class="control-label"><strong>Notes (Max 500 chars):</strong></label>
        <div class="controls">
            <textarea id="addNotesNotes" name="onNotes" rows="10" cols="300"><?php echo!empty($onNotes) ? $onNotes : ''; ?></textarea>
            <?php if (!empty($onNotesError)): ?>
                <span class="help-inline"><?php echo $onNotesError; ?></span>
            <?php endif; ?>
        </div>
    </div>
    <button type="submit" class="btn btn-success">Submit</button>
</form>

jQuery的：

$(function()
{
    $('#addNoteForm').validate
    ({
        rules:
        {
               onNotes: "required"
        },

        messages: 
        {
              onNotes: "bdfbdfghdfge!"
        },

        submitHandler: function(form)
        {
             form.submit();
        }
    });
});

我在https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js之后的标题中加入了相关的"text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js。

是的，两者都在脚本标记内，并且位于src属性之后。

请注意，此form元素位于Bootstrap模式中。

修改：控制台报告0错误