JQuery код портит остальную часть моего кода JavaScript

Question

Моего всего JavaScript работает отлично, без каких-либо ошибок, но второй я пытаюсь использовать JQuery, я получаю множество различных ошибок:

Вот моя JQuery код (он использует плагин JQuery, но я уже использовал некоторый чистый код JQuery, прежде чем я использовал плагин и имел те же результаты Этот код находится внутри <script>.):

$(function() { 
       $("#mailSender").validate({ 
        rules: { 
         email: { 
         required: true, 
         email: true 
        } 
        } 
        messages: { 
        email : { 
         required: "This field is required.", 
         email: "Please enter a valid email address." 
         } 
        } 
        }); 
       }); 

Таковы scrldown(), bordcol() и bordcolBlack() функция ы, которые "не определен":

function scrldown() { 
       var navv = document.getElementById('nav_inn'), 
       style = window.getComputedStyle(navv), 
       top = style.getPropertyValue('top'); 
       if (top === "-180px") { 
        TweenMax.to(".nav_in", .4, {top:"20"}); 
        TweenMax.to([".trii, .trii_h"], .2, {rotation:"180"}); 
       } 
       else { 
        TweenMax.to(".nav_in", .4, {top:"-180px"}); 
        TweenMax.to([".trii, .trii_h"], .2, {rotation:"0"}); 
       } 
      } 

Соответствующий HTML-(The <a> тег, во-первых, была та же href="javascript:scrldown()", что и остальные вместо onclick, но оба метода работают без JQuery):

<a href="javascript:void(0)" onclick="scrldown()"> 
        <img src="../images/scrl_tri.png" id="tri" height="21px;" class="trii" /> 
        <img src="../images/scrl_tri_hov.png" id="tri" height="21px" class="trii_h" /> 
       </a> 
<span class="shop"><a href="javascript:scrldown()">Shop</a></span> 
<span class="gallery"><a href="javascript:scrldown()">Gallery</a></span> 

---

<div id="wrap-left" onmouseover="bordcol()" onmouseout="bordcolBlack()">
и ( map-canvas является ДИВ внутри него):

function bordcol() { 
       document.getElementById("map-canvas").style.borderTop="1px solid #F8CE26"; 
      } 

      function bordcolBlack() { 
       document.getElementById("map-canvas").style.borderTop="1px solid #9F9F9F"; 
      } 

---

Вот « src» <script> s в <header>:

<script src="../js/jquery.js"></script> 
<script src="../js/jquery_validate/dist/jquery.validate.js"></script> 

У меня есть некоторые другие плагины, но ни один не зависит от JQuery и JQuery также является первым один импортирован.
Кстати, если это имеет значение - плагин - это Плагин проверки jQuery.

---

Извините за столько кода, но я действительно надеюсь, что вы, ребята, можете помочь мне решить эту проблему (если, конечно, я просто пропустил что-то действительно глупое, а затем просто укажите это).
Следует отметить, что мои знания в jQuery очень ограничены, и я могу пропустить что-то очень очевидное - вам и глупо, поэтому, пожалуйста, даже если вы не видите непосредственный ответ, прокомментируйте несколько простых правил jQuery которые могут быть не видны здесь, но являются важными/важными.
Спасибо!

Answer 1

Существует опечатка в коде, запятая (,) отсутствует между rules и messages, он должен быть:

$("#mailSender").validate({ 
    rules: { ... }, // this comma is missing 
    messages: { ... } 
});