Блог

Главная - Вопросы по программированию - функция hide () не работает в jQuery

функция hide () не работает в jQuery

#javascript #jquery

#javascript #jquery

Вопрос:

У меня возникли проблемы с проверкой формы jQuery.

Это мой файл javascript: test.js .

 $(function() {
$('.error').hide();
    $(".button").click(function() {
        $('.error').hide();
  var name = $("input#name").val();
    if (name == "") {
    $("label#name_error").show();
    $("input#name").focus();
    return false;
  }
});
});

Это мой HTML-файл.

 <html>
<head>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
</head>
<body>
<div id="contact_form">
<form name="contact" action="">
  <label for="name" id="name_label">Name</label>
  <input type="text" name="name" id="name" size="30" value="" class="text-input" />
  <label class="error" for="name" id="name_error">This field is required.</label>
</form> 
</div>
</body>
</html>

Я поместил эти два файла вместе с файлом jQuery в тот же каталог на моем сервере, но содержимое «Это поле обязательно.» все еще видно. Похоже, что функция hide () в test.js не работает. Кто-нибудь может указать мне, где что-то не так? Большое спасибо!

Комментарии:

1. Поместите jquery-1.5.2.min.js ссылку над самой test.js ссылкой, чтобы она была распознана.

2. Работает в этом jsfiddle . Она скрывается при запуске.

3. Кто-нибудь еще отлаживал свой собственный код? Любая простая ошибка приводит к немедленной публикации в stackoverflow

Ответ №1:

Поместите ваш файл jquery перед своим test.js .

 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="test.js"></script>