So erhöhen und zeigen Sie die Anzahl der Formulare nach dem Senden

Question

Ich möchte die Formularnummer erhöhen, sobald der Benutzer das Formular erfolgreich gesendet hat. Gibt es eine Möglichkeit, es durch JavaScript oder jQuery zu erhöhen.

<form action=""> 
 
    form no:1<br> 
 
    First name:<br> 
 
    <input type="text" name="firstname" value =""> 
 
    <br> 
 
    Last name:<br> 
 
    <input type="text" name="lastname"> 
 
    <button type="submit" onclick="">Submit</button> 
 
</form>

Answer 1

würde ich so etwas wie dies vorschlagen:

$(function() { 
 
    $("form").submit(function() { 
 
    $.post("url", $(this).serialize(), function() { 
 
     $("#count").text(parseInt($("#count").text() + 1); 
 
    }); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action=""> 
 
    form no: <span id="count">1</span><br> 
 
    First name:<br> 
 
    <input type="text" name="firstname" value =""> 
 
    <br> 
 
    Last name:<br> 
 
    <input type="text" name="lastname"> 
 
    <button type="submit" onclick="increment();">Submit</button> 
 
</form>