2016-11-01 2 views
0

мой jquery не подключается, и я не могу понять, почему. Я был в тупике на это часами, и я не могу понять это.My Jquery не подключается к моему html

это мой html-код. Имя файла exercise6.html

<!DOCTYPE html> 
 
<html lang="en"> 
 
    
 
<head> 
 

 
    <title>Exercise 6</title> 
 
    <meta charset="utf-8"> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="JS/exercise6.js"> </script> 
 
</head> 
 
<body> 
 

 
     <form id="email_form" name="email_form" action="exercise6.html" method="get"> 
 
\t  <fieldset class="info"> 
 
\t \t <legend>Contact Information</legend> 
 
\t \t \t <p> 
 
\t \t \t  <input type="text" name="Lname" id="name2" value="" required /> 
 
\t \t \t \t <label for="name2"> Last</label> 
 
\t \t \t </p> 
 
\t \t \t <p> 
 
\t \t \t  <input type="text" name="mailAddie" id="mail1" value="" required /> 
 
\t \t \t \t <label for="mail1"> Address</label> 
 
\t \t \t </p> 
 
\t \t \t <p> 
 
\t \t \t  <input type="text" name="City" id="city1" value="" /> 
 
\t \t \t \t <label for="city1"> City</label> 
 
\t \t \t </p> 
 
\t \t \t <p> 
 
\t \t \t  <input type="text" name="State" id="state1" value="" /> 
 
\t \t \t \t <label for="state1"> State</label> 
 
\t \t \t </p> 
 
\t \t \t <p> 
 
\t \t \t  <input type="number" name="Zip" id="zip1" value="" /> 
 
\t \t \t \t <label for="zip1"> Zip</label> 
 
\t \t \t </p> 
 
\t \t \t <p> 
 
\t \t \t  <input type="number" name="phoneNum" id="number" /> 
 
\t \t \t \t <label for="number"> Phone</label> 
 
\t \t \t </p> 
 
\t \t </fieldset> 
 
\t \t <fieldset> 
 
\t \t <legend>Sign up for our email list</legend> 
 
\t \t  <p> 
 
\t \t \t  <label for="email_address1"> Email Address</label> 
 
\t \t \t  <input type="text" name="email_address1" id="email_address1" value="" /> 
 
\t \t \t \t <span>*</span><br> 
 
\t \t \t </p> 
 
\t \t \t <p> 
 
\t \t \t  <label for="email_address2"> Confirm Email Address</label> 
 
\t \t \t  <input type="text" name="email_address2" id="email_address2" value="" /> 
 
\t \t \t \t <span>*</span><br> 
 
\t \t \t </p> 
 

 
\t \t \t <p> 
 
\t \t \t  <label for="first_name"> First</label> 
 
\t \t \t  <input type="text" name="first_name" id="first_name" value="" /> 
 
\t \t \t \t <span>*</span><br> 
 
\t \t \t </p> 
 

 
\t \t </fieldset> 
 

 
\t \t <p> 
 
\t \t <label>&nbsp;</label> 
 
\t \t <input type="submit" value="Join Our List" id="join_list" > \t 
 
     </p> 
 
\t \t </form> 
 

 
</body> 
 
</html>

и это мой JavaScript. Имя файла - exercise6.js, и оно находится в файле с именем JS. Я не знаю, что я делаю неправильно.

$(document).ready(function() { 
 
\t $("#join_list").click(function() { 
 
\t \t var emailAddress1 = $("#email_address1").val(); 
 
\t \t var emailAddress2 = $("#email_address2").val(); 
 
\t \t var isValid = true; 
 
\t \t 
 
\t \t if (emailAddress1 == "") { 
 
\t \t \t $("#email_address1").next().text("This field is required."); 
 
\t \t \t isValid = false; 
 
\t \t } else { 
 
\t \t \t $("#email_address1").next().text(""); 
 
\t \t } 
 
\t \t if (emailAddress2 == "") { 
 
\t \t \t $("#email_address2").next().text("This field is required."); 
 
\t \t \t isValid = false; 
 
\t \t } else { 
 
\t \t \t $("#email_address2").next().text(""); 
 
\t \t } 
 
\t \t if ($("#first_name").val() == "") { 
 
\t \t \t $("#first_name").next().text("This field is required."); 
 
\t \t \t isValid = false 
 
\t \t } else { 
 
\t \t \t $("#first_name").next().text(""); 
 
\t \t } 
 
\t \t if (isValid) { 
 
\t \t \t $("#email_form").submit(); 
 
\t \t } 
 

 
\t)}; 
 
)};

Может кто-нибудь мне помочь?

+4

Провести любую базовую отладку, например, проверить консоль отладки браузера на наличие ошибок? –

+0

На каком пути находится файл html? – LGSon

+1

Откройте консоль, чтобы увидеть ошибки. У вас есть ')};' вместо '});'. –

ответ

1

Последние две строки exercise6.js имеют синтаксическую ошибку.

Изменение:

)}; 
)}; 

To:

}); 
}); 

Чтобы найти это самостоятельно в следующий раз, попробуйте использовать IDE веб-разработки как NetBeans с помощью правой кнопки мыши с помощью мыши, чтобы проверить в браузере отладки консоли , который даже показал бы вам, где такая ошибка.

0

enter image description here В вашем js-коде есть некоторые ошибки для закрытия функции "});" попробуйте это

$(document).ready(function() { 
    $("#join_list").click(function() { 
     var emailAddress1 = $("#email_address1").val(); 
     var emailAddress2 = $("#email_address2").val(); 
     var isValid = true; 

     if (emailAddress1 == "") { 
      $("#email_address1").next().text("This field is required."); 
      isValid = false; 
     } else { 
      $("#email_address1").next().text(""); 
     } 
     if (emailAddress2 == "") { 
      $("#email_address2").next().text("This field is required."); 
      isValid = false; 
     } else { 
      $("#email_address2").next().text(""); 
     } 
     if ($("#first_name").val() == "") { 
      $("#first_name").next().text("This field is required."); 
      isValid = false 
     } else { 
      $("#first_name").next().text(""); 
     } 
     if (isValid) { 
      $("#email_form").submit(); 
     } 

    }); 
}); 
+0

Я исправил ошибки, но ничего. Я думаю, что это имеет какое-то отношение к моему html, но я не знаю. – user7101388

+0

работает для меня. Я предполагаю, что путь к каталогу должен быть папкой -> exercise6.html и JS (папка) -> exercise6.js (внутри JS папка). Изображение находится в ответе – UserEsp

Смежные вопросы