Frage Post Formular

[rschmidt]

Moin zusammen,

ich habe ein kleine Webanwendung, bei der ich mit mobilen Endgeräten QR Codes Scanne. Dazu nutze ich den html5 QR Codescanner (https://github.com/mebjas/html5-qrcode)
Das funktioniert auch wirklich gut.

Das entsprechende Formular sieht dazu so aus:

<div class="content-block">
    <h3>Ticket Scannen</h3>
    <form action="" method="post" class="form responsive-width-100" id="ticketcodeform">
     <input type="text" id="ticketcode" name="ticketcode" placeholder="Ticket Code" class="form responsive-width-100" autofocus>
        <div id="qr-reader" style="width:80%" ></div>
        <div id="divbtnscanner" class="links" style="display: block;" >
            <a onclick="scanneraktivieren()">QR Code Scannen</a></a>
        </div>
    <input type="submit" name="submit" value="Erfassen">
    </form>
</div>

(am PC wird ein USB Barcodescanner verwendet, an den Handys kommt der HTML QR Code Scanner zum Einsatz. Der USB Barcodescanner sendet ein Enter und schickt damit das Formular automatisch ab)

wenn der Scan erfolgreich war, wird das Ergebnis in das Textfeld geschrieben:

function onScanSuccess(decodedText, decodedResult) {
            document.getElementById('ticketcode').value = `${decodedText}`;
            html5QrCode.clear();            
}

Jetzt soll das Formular aber auch gleich mit einem Erfolgreichen Scan abgeschickt werden (quasi der Click auf "Erfassen")
Dazu habe ich die JS Funktion wie folgt erweitert:

function onScanSuccess(decodedText, decodedResult) {
            document.getElementById('ticketcode').value = `${decodedText}`;
            html5QrCode.clear();
            document.getElementById("ticketcodeform").submit();
 }

Leider funktioniert das nicht. Auch das Log gibt keine Fehler aus.
Hat jemand eine Idee?

Vielen Dank vorab.

 

[jonas3344]

Wenn das Formular eh automatisch abgesendet werden soll braucht es den Submit-Button gar nicht mehr.
Ausserdem ist es heutzutage üblich das <button>-Element zu verwenden, anstelle von <input type="submit">.

 

[rschmidt]

Vielen Dank für die Hinwesie.

Jetzt funktionierts ;)

Da ich ggf auch Manuelle Eingaben habe, brauche ich schon noch den button ;)