Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Проблемка с jquery

Автор: MefistoJ 12.9.2010, 15:03

В общем начал изучать jquery.Нужно написать маленькую форму по загрузке файлов чтобы
при нажатии сабмита,внизу поля загрузки файла добавлялась надпись добавлено и так каждый раз при загрузке файла (где то 10 раз).Строка вроде добавляется,но тут же исчезает.В чем дело?Я конечно извиняюсь за ламерский вопрос,но в сети ничего не смог найти.Вот код:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title></title>
  <script src="http://xhtml.co.il/scripts/jquery-latest.js" type="text/javascript"></script>
  <style type="text/css">
#container
  {
     margin: 0 auto;
     width: 700px;
     
  }
  #container form p
  {
     float: left;
     margin-bottom: 5px;
  }
  
  </style>
  <script type="text/javascript">
      $(
          function(){
            
            $("input:submit").click(function(){
                
                $("<span>добавлено</span>").appendTo("#container");
                
            });
    }); 
    </script>
</head>

<body>
  <div id="container">
    <form action="" enctype="multipart/form-data">
      
          <input type=file name="uploadfile" size="50">
          <input type="submit" value="загрузить">
          
      
    </form>
  </div>
</body>
</html>

Автор: tenorio 12.9.2010, 15:42

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

Код


<script type="text/javascript">
      $(
          function(){
            
            $("input:submit").click(function(){
                
                $("<span>добавлено</span>").appendTo("#container");

                return false;
                
            });
    }); 
</script>

Дело в том, что в вашем случае jquery скрипт успешно отрабатывал, а затем происходила обработка сабмита формы по умолчанию и страничка перезагружадась - отсюда исчезновение надписи. Если допишем return false, то сработает только обработка сабмита формы средствами jquery.

Автор: MefistoJ 12.9.2010, 15:55

Спасибо за объяснение!

Автор: tenorio 12.9.2010, 16:02

Пожалуйста!
Только не забудьте, что если мы отменили стандартный сабмит формы, то данные из формы придется обрабатывать тоже средствами javascript в этом скрипте или передавать каким-нибудь методом jquery (.get, .post, .ajax, .load или другим...) другому скрипту.