JavaScript Form Submit - Cannot read property 'submit' of null?

Hallo ich mal wieder mit einem JS Problem.

Ich habe einen Button, der bei Klick einen Klick auf ein verstecktes input type file simuliert. Nach auswählen der Datei, soll direkt der Upload starten ohne weiteren Button zu drücken. Dazu folgender HTML Code (Sorry der Editor ist echt schrecklich hier)

Tut mir leid - HTML stellt er gar nicht hier da -.- 
auf jeden Fall habe ich auf das versteckte Input ein

onchange="submitFiles()"

Auf dem Button habe ich ein onclick="chooseFile()"

Folgender JavaScript Code:

function chooseFile() {
   document.getElementById("fileInput").click();
}
function submitFiles(){
    document.getElementById('formbilderall').submit();
}

Leider bekomme ich immer die oben genannte Fehlermeldung:

Uncaught Type Error: Cannot read property 'submit' of null

Vielleicht weiß ja hier jemand mehr dazu :/ Danke schonmal im Voraus.

2 Antworten

mastema666

15.09.2016, 08:34

Anscheinend wird das Formular, das angesprochen wird, nicht gefunden, möglicherweise falsche oder gar keine ID oder so, kann man ohne den Code schlecht sagen (kannst ihn ja ggf mal auf http://hastebin.com/ oder so posten).

Allgemein würde ich das ohne "onclick" machen, z.B. so: http://codepen.io/mastema/pen/EgKodW

(ok, mag Geschmackssache sein, aber ich versuche immer möglichst wenig HTML/CSS/JS(/PHP...) zu "vermischen" wenn nicht unbedingt nötig)

Plueschtier94

Fragesteller

15.09.2016, 09:30

Hier ich habe dir mal was eingefügt.
vielleicht weißt du da weiter?

http://hastebin.com/owuhiduhaf.scala

Plueschtier94

Fragesteller

15.09.2016, 09:59

@Plueschtier94

Danke für deine Mühe, den Fehler hätte man so nicht finden können.
Ich habe ein Form Tag nicht geschlossen gehabt, was vor dem Code passiert.

mastema666

15.09.2016, 10:00

@Plueschtier94

Ok, mal gucken, also was mir so auffällt:

- Das "form" Attribut ist nur nötig, wenn das Input Feld außerhalb des Formulars ist, und dann muss das Formular auch den entsprechenden Namen haben (nicht die ID). In diesem Fall kannst du aber

form="formbilderall"

komplett weg lassen, da sich das Feld ja sowieso noch innerhalb des Formulars befindet.

- Du schreibst, dass es mit

document.getElementById("fileInput").submit()

nicht funktioniert, allerdings müsstest du da auch die ID des Formulars angeben (inkl "#"), nicht die des Input Feldes. Allgemein würde ich da btw jQuery benutzen, ist zwar nicht zwingend nötig, aber macht vieles einfacher / kürzer, z.B. so:

$('#formbilderall').submit();

zum Abschicken des Formulars.

- Das versteckte Submit-Feld ist dabei übrigens gar nicht nötig, allgemein aber reicht "display: none;" um ein div nicht anzeigen zu lassen, ist kürzer als deine Variante und zudem könnte man ein so verstecktes div auch recht einfach wieder einblenden falls nötig.

- Auf onclick würde ich wie gesagt ganz verzichten und das triggern komplett ins JS verlagern.

StevenHornmann

15.09.2016, 08:33

Ich vermute mal deine Form hat nicht die id "formbilderall"

(index):27 Uncaught TypeError: Cannot read property 'name' of undefined

Index 27 ist die Zeile wo dem Object eine Funktion zugewiesen wird.

$api.load_functions = function(functions){

                for(var i = 0; functions.length; i++){
                    $api[functions[i].name] = functions[i].functioncode;
                }

            }

...zur Frage

Javascript Cannot read property "indexOf" from undefined?

Hallo Zusammen,

ich habe diese kleine Javascript geschrieben und bim gerade am Verzweifeln. Als Ergebnis des Skriptes kommt heraus Type Error: Cannot read property "indexOf" from undefined in <eval> at line number 9. Ich habe absolut keine Idee mehr an was es liegen könnte.

Vielleicht kann mir hier jemand weiterhelfen.
Vielen Dank schonmal!

function f() {
	var gs = "HL/T1/T4/HL/HL/HL/xpath_unresolved/xpath_unresolved/xpath_unresolved/xpath_unresolved/xpath_unresolved/xpath_unresolved";
	gs.toUpperCase;
	gs.split("/");

	var output = [];
	
	for (var i=0; i <= gs.length; i++) {
		if (gs[i].indexOf("T") != -1) {
		  		output.push(gs[i]);
		  }
	}
	if(output.length >= 2) {
		return "Think";
	}
}
f();

...zur Frage

Was ist der Fehler am diesem Code, warum bekomme ich den Fehler app.js:7 Uncaught TypeError: Cannot read property 'value' of null?

https://jsfiddle.net/342t5koe/

...zur Frage

Ton abspielen Javascript?

Hallo,

Ich möchte auf meiner html Seite einen Sound abspielen, wenn ein Button geklickt wird. Die Seite läuft über den Localhost.

html:

 <script src="script.js"></script>
    <script src="anmeldungj.js"></script>
   <script src="/socket.io/socket.io.js"></script>
    <audio id="ringtone" src="Sound2.mp3"></audio>

JavaScript

var RingSound;
var Sound = new Audio('Sound2.mp3')
RingSound = document.getElementById("ringtone");
...
function Send() {
    if (delay && messageInput.value.replace(/\s/g, "") != "") {
        delay = false;
        setTimeout(delayReset, 1000);
        socket.emit("send", messageInput.value);
        messageInput.value = "";
        RingSound.play();
        Sound.play();
    }
}

Der Pfad stimmt:

Es wird aber kein Sound abgespielt, ich habe es über zwei Varianten versucht.

Ich hoffe jemand kann mir helfen

Jannik

...zur Frage

HTML input in JavaScript-Variable?

Wenn ich in HTML ein form ausfülle und abschicke wie bekomme ich dann das eingegeben im Input in eine JavaScript Variable. Habe provisorisch mal das hier gemacht und komme nicht weiter. Danke für eure Hilfe :)

<!DOCTYPE html>

<html>

<head>

<title>Input to Variable</title>

var input = "Wie bekomme ich den eingegebenen input hier hin?"

</script>

</head>

<body>

<button>Submit</button>

</body>

</html>

...zur Frage

Funktion JavaScript funktioniert nicht.?

Ganz grob erklärt soll meine Website immer Abwechselnd ein Video und dann eine Frage anzeigen. In meiner Funktion für das Video soll beim Klicken auf den Video-Link die nächste Frage(-Funktion) aufgerufen werden. Das hat auch bei den ersten 2 Fragen geklappt. Aber bei der 3. Frage springt er wieder auf die vorherige Frage2 (statt wie gewünscht Frage3) zurück.
Weiß jemand woran das liegen könnte?

Ich wäre super dankbar für eine Antwort.
Danke und Liebe Grüße! ☺️

...zur Frage

Cannot read property 'channels' of undefined Discord Js v12?

Das ist der Code:

const guild = bot.guilds.cache.get("827234000862445648")

let channel = guild.channels.cache.get("827577602142896148")

channel.setName("║-»Members: "+bot.guild.memberCount)

und bei mir steht immer der Fehler: Cannot read property 'channels' of undefined.

Auf Deutsch: Die Eigenschaft 'Kanäle' von undefined kann nicht gelesen werden.

...zur Frage

Javascript input zum rechnen?

Hallo,

ich habe bis hierher einen Taschenrechner gebaut. Bisher kann man folgendes tun: Man kann auf einen Button drücken und dieser Wert wird dann in einem textarea angezeigt. Nun ist es ja so, dass ich nicht einfach den value vom textarea nehmen kann und ihn einfach ausrechnen lassen kann. Deshalb meine Frage: Wie kann ich nun diesen Wert ausrechnen und anzeigen lassen? Mein bisheriger Code:

Html

<textarea name="displa" id="display" cols="40" rows="7"></textarea>
    <button value="1">1</button>
    <button value="2">2</button>
    <button value="3">3</button>
    <button value="4">4</button>
    <button value="5">5</button>
    <button value="6">6</button>
    <button value="7">7</button>
    <button value="8">8</button>
    <button value="9">9</button>
    <button value="+">+</button>
    <button value="-">-</button>
    <button value="*">*</button>
    <button value="/">/</button>
    <button onclick="summe">=</button>

Javascript

$("button").click(function() {
    const firedButtonValue = $(this).val();
    var show = $("#display").val($("#display").val() + firedButtonValue);
  });


  function summe() {
    $('#display').val() = Number(show);
  }

...zur Frage

Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

...zur Frage

Was ist da schief (JS)?

Starte ich das Programm so beginnt es so wie ich es will. Irgendwann wird dann aber ein Fehler gezeigt

("main.js:27 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

at ClickIt (main.js:27)

at clickvol2 (main.js:21)

at HTMLParagraphElement.<anonymous> (main.js:30))

und mehrere Flächen farbig markiert und man muss manchmal doppelt klicken. Wo liegt hier der Fehler?

JS:
"use strict";

let genNum = function() {

let gen = Math.random() * 9;

let num = Math.round(gen);

let numers = ["null", "eins", "zwei", "drei", "vier", "fünf", "sechs", "sieben", "acht", "neun"];

let final = (numers[num]);

if(final === "zehn") {

genNum()

}

return final;

};

let i = 0;

document.getElementById("Punkteanzahl").textContent = i;

let clickvol2 = function() {

if (document.querySelector("#eins", "#zwei", "#drei", "#vier", "#fünf", "#sechs", "#sieben", "#acht", "#neun").hasAttribute("class")) {

console.log(".")

} else {

ClickIt(genNum())

}};

let ClickIt = function(num) {

let hash = "#";

let ident = hash.concat(num);

document.querySelector(ident).setAttribute("class", "click");

document.querySelector(ident).addEventListener("click", function() {

document.querySelector(ident).removeAttribute("class");

clickvol2();

i++;

})

};

ClickIt(genNum());

console.log(document.getElementById("Punkteanzahl").textContent)

...zur Frage

Browserfehler: "0: Unable to get property 'SavePersonalAndPaymentData' of undefined or null reference"?

Hallo,

ich habe eine Aufgabe gemacht und mein Browser gibt diesen Fehler aus:

0: Unable to get property 'SavePersonalAndPaymentData' of undefined or null reference

Ich glaube aber, dass die Aufgabe richtig ist!

Ich habe es auch einen Freund geschickt und bei ihm funktioniert es ebenfalls nicht.

HTML:

<!DOCTYPE html>
<html>
  <head lang="de">
    <meta charset="UTF-8" />
    <style type="text/css"></style>
    <title>Lieblings Professor</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend>Notenberechnung<br>Teilaufgaben</legend>

        <label for="aufgabe1">Aufgabe 1:</label>
        <input type="number" name="Augabe1" id="a">
        <br><br>

        <label for="aufgabe2">Aufgabe 2:</label>
        <input type="text" name="Aufgabe2" id="b">
        <br><br>

        <label for="aufgabe3">Aufgabe 3:</label>
        <input type="number" name="Augabe3" id="c">
        <br><br>

        <label for="aufgabe4">Aufgabe 4:</label>
        <input type= "number" name="Augabe4" id="d">
        <br><br>

        <button id="069" value="069">druck berechne</button>
      </fieldset>
    </form>
    <h1>Note</h1>
    <div id="note"></div>
    <script src="x1.js"></script>
  </body>
</html>
</form>
<h1>Note</h1>
<div id="note"></div>
<script src="x1.js"></script>
</body>
</html>

JavaScript:

"use strict"

window.addEventListener("load", init);

function init() {
  console.log("Fenster ist geladen");
  let btn = document.getElementById("069");
  btn.addEventListener("click", btnfk);

  function btnfk() {
    console.log("ich wurde geklickt!!!!");

    let aufgabe1 = document.getElementById("a").value;
    console.log(aufgabe1);
    let aufgabe2 = document.getElementById("b").value;
    console.log(aufgabe2);
    let aufgabe3 = document.getElementById("c").value;
    console.log(aufgabe3);
    let aufgabe4 = document.getElementById("d").value;
    console.log(aufgabe4);

    aufgabe1 = Number(aufgabe1);
    aufgabe2 = Number(aufgabe2);
    aufgabe3 = Number(aufgabe3);
    aufgabe4 = Number(aufgabe4);

    let note = document.getElementById("note");
    global = global + aufgabe1 + aufgabe2 + aufgabe3 + aufgabe4;

    note.textContent = global;
    let note5 = document.createElement("div");
    document.body.appendChild(note5);

    if (global < 12) {
      note5.textContent = "Ihre Note ist 5!!!!!";
    }

    if (global >= 12 && global <= 15) {
      note5.textContent = "Ihre Note ist 4 ...";
    }

    if (global >= 15 && global <= 18) {
      note5.textContent = "Ihre Note ist 3";
    }

    if (global >= 18 && global <= 21) {
      note5.textContent = "Ihre Note ist 2 super";
    }

    if (global >= 21) {
      note5.textContent = "Ihre Note ist 1 WOW";
    }
  }
}

let global = 0;

Wenn ich statt Zahlen aber Buchstaben eingebe, werden sie gespeichert. Ansonsten mit Zahlen werden sie nicht gespeichert und verschwindet sofort.

...zur Frage

React .filter/.map "Cannot read property 'handleClick' of undefined"?

Guten Abend,

ich mach eine kleine Function in JS und React und hab ein Fehler den ich nicht verstehe:

In dem Codestück funktioniert es aber der ist nicht so wie ich es brauche. Hier findet er aber die Funktion, bei dem unteren der was die Command handleClick funktion betrifft. Findet er sie nicht

    let itemList = this.props.items.map(item => {
      console.log(item.id);
      return (
        <FoodCategoryItem
          preis={item.price}
          label={item.title}
          text={item.desc}
          key={item.id}
          Command={() => { this.handleClick(item.id) }}
          source={item.img} />


      )
    })

und mit diesem gibt es fehler das die handeclick function undefined ist

    let itemList = this.props.items.filter(function (item) {
      return item.menuid === 'menuid_salat_2222';
    }).map(function ({ id, title, desc, price, img }) {
      
      console.log((id))


      return (
        <FoodCategoryItem
          preis={price}
          label={title}
          text={desc}
          key={id}
          Command={() => { this.handleClick(id) }}
          source={img} />
      )
    });

Also die Items sollen gefiltert werden funktioniert auch aber dann funktioniert der Command mit handleclick nicht mehr

diese Fehlermeldung kommt dann:

TypeError: Cannot read property 'handleClick' of undefined

...zur Frage

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zur Frage

Gibt es einen weg das wider zu entschlüsseln?

ich habe auf der Seite https://obfuscator.io meinen JavaScript code verschlüsselt.

kann ich vom verschlüsselten code wieder zurück zum javascript code, wenn ja wie?

mein Code:

function be() {
    let eingabe = document.getElementById('password').value;
    if (eingabe == 'das ist gut') {
        re();
    } else {
        alert('Falsches Passwort');
    }
}

function re() {
    let feld = document.getElementById('pas');
    feld.remove();
}

function lock() {
    document.getElementById('bod').innerHTML += `<div class="pass" id="pas">
    <div class="pass-1">
        <div class="pass-2 pass-3">
            <h2>Passwort eingeben um fortzufahren</h2>
        </div>
        <div class="pass-2">
            <input type="password" id="password" placeholder="Passwort eingeben">
        </div>
        <div class="pass-2">
            <button class="pass-4" onclick="be()">Betätigen</button>
        </div>
    </div>
</div>`
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen