未捕获的TypeError:“#myForm” .submit不是函数

时间:2018-08-15 15:03:21

标签: javascript html

我已经在这个问题上苦苦挣扎了2个多小时,而且我知道有关此问题的最新消息,但是那里对我的帮助绝对为零。 首先,我可以说,我的输入按钮没有具有name =“ submit”或其他名为Submit的属性。

如果有人能告诉我这里出了什么问题,将不胜感激。

HTML

    <!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
    <script src="http://oss.maxcdn.com/jquery.form/3.50/jquery.form.min.js"></script>
      <link rel="stylesheet" type="text/css" href="theme.css">
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <div class="formarea">
    <form action="" enctype="multipart/form-data" method="post" id="myForm">
      <select name="type" id="selectedoption">
          <option value="">Välj typ här</option>
          <option value="photo">Foto</option>
          <option value="video">Video</option>
          <option value="audio">Ljud</option>

      </select>
      <input id="block" type="file">

      Titel
      <input type="text" name="title">
      <input type="submit" value="Spara media" class="btn">
    </form>
    <div id="bararea">
    <div id="bar"></div>
    </div>

    <div id="percent"></div>
    <div id="status"></div>
  </div>
  </body>
</html>

<script src="test.js"> </script>

JS

    // När man skickar iväg formuläret (klickat på knappen "Spara media")
("#myForm").submit(function(e) {
    alert("hello");
  // Förhindrar att vi skickas iväg till en ny sida (standardhändelsen)
  e.preventDefault();
  // Hämtar formulärsdata (värde från drop-down menyn, samt filen)
  var formData = new FormData(this);
  // Gör ett ajax-anrop
  $.ajax({
    url: $(this).attr("action"), // Till adressen "server.php"
    type: $(this).attr("method"), // Med metoden "post"
    data: formData, // Vår data vi skickar med
    dataType: "JSON", // Hur vi ska tolka den data vi får tillbaka (som JSON)
    cache: false, // Vi tillåter inte att webbläsaren att cacha några resultat
    contentType: false, // Vi vill inte att jQuery ska bestämma hur vårt innehåll ska tolkas
    processData: false // Vi tillåter inte att jQuery att processa vår data (som strängar)
  }).done(function (data) {
    // Om vi får ett lyckat svar
    console.log(data);
        document.getElementById("myForm").reset();
        alert("Upload completed");
  }).fail(function(data){
    // Om vi får ett misslyckat svar
    alert("Upload failed");
    console.log(data);});
});
$.getJSON('https://ddwap.mah.se//server.php?action=getMedia&type=photo', function(data) {
    console.log(data)
});

我不明白为什么在按下按钮时无法加载我的功能。

1 个答案:

答案 0 :(得分:-1)

我发现我错过了$ ...我现在要睡觉了。抱歉