• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Form submit mit Überprüfung und Erhalten der Eingabe

LudwigM

Mitglied
Hallo,
wie kann man beim Klick auf den Submit-Button die Eingabe erhalten, aber gleichzeitig die Eingabe überprüfen, der Elemente die mit required markiert sind?

HTML:
<form method="POST" name="frmData" id="frmData">
      <div class="form-group">
          <input type="number" class="form-control" name="numAmount" id="numAmount" placeholder="Anzahl des Artikels" min="1" value="" required><br>
          <input type="date" class="form-control" name="datDate" id="datDate" placeholder="Datum" value="2021-11-16" required><br>
          <select class="form-control" id="cmbCustomer" name="cmbCustomer"><option>..</option></select>
                                
         <input type="text" class="form-control" name="tbxComment" id="tbxComment" placeholder="Bemerkung" maxlength="50"><br>
     </div>
     <button name="btnSubmit" id="btnSubmit" type="submit" class="btn btn-primary">Speichern</button>
     <button name="btnClear" id="btnClear" type="reset" class="btn btn-info">Felder zur&uuml;cksetzen</button>  
</form>

Javascript:
<script>
        $("#btnSubmit").click(function() {
            $.ajax(...);       
            return false;           
        });

So bleibt zwar die Eingabe erhalten, aber man kann auch ohne Eingabe im required input das Formular absenden.
 
Werbung:
Zurück
Oben