Soumettre le formulaire sans bouton en utilisant Javascript/Jquery
P粉287254588
P粉287254588 2024-04-06 14:54:03
0
2
415

J'essaie de soumettre un formulaire sans boutons en appelant une fonction JavaScript et en exécutant le formulaire en utilisant JQUERY/PHP. Je souhaite que le formulaire s'exécute silencieusement sur le backend sans recharger la page. Malheureusement, il continue de renvoyer une erreur non définie de fonction JavaScript, même si elle se trouve sur la page. Certes, je ne suis pas bon en JavaScript, alors traitez-moi comme un noob et orientez-moi dans la bonne direction. Merci, mon code est

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="my_1form" action="" method="POST">
    <input type="text" name="acc_name" id="acc_name" value="name"/>
    <br/>
    <input type="text" name="with_id" id="with_id" value="1"/>
     <div onclick="submit_1form()">Submit</div>

</form> 

<script>
$(document).ready(function() {
  function submit_1form() {
    var fo1rm = document.getElementById("my_1form");
    fo1rm.submit();
    var acc_name = $("#acc_name").val();
    var with_id = $("#with_id").val();

    var dataString = 'acc_name=' + acc_name +
      '&with_id=' + with_id; {
      // AJAX Code To Submit Form.
      $.ajax({
        type: "POST",
        url: "submit-withdraw.php",
        data: dataString,
        cache: false,
        success: function(result) {}
      });
    }
    return false;
  }
});
</script>

Veuillez noter que j'appelle le script Jquery dans la balise d'en-tête <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>< /p>

Merci beaucoup !

P粉287254588
P粉287254588

répondre à tous(2)
P粉520204081

Assurez-vous d'abord que vos fichiers jQuery se chargent correctement et appelez de préférence votre fonction javascript sur le formulaire de soumission.

P粉674757114

Définissez-le dans votre submit_1form 函数嵌套在匿名 document.ready() 函数中,因此在需要时无法在作用域中找到它。由于它是一个函数,因此不需要首先在 document.ready.

Pour éviter le rechargement de la page, veuillez ne pas utiliser l'événement form 的典型 submit 事件。相反,请像现在一样使用 AJAX,并通过 divclick pour déclencher cet AJAX.

sssccc

Submit
sssccc
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!