使用 JavaScript 提交表单

Posted 2023-02-22

技术标签:

【中文标题】使用 JavaScript 提交表单【英文标题】：Form submit with JavaScript 【发布时间】：2016-01-04 00:19:59 【问题描述】：

我在运行我的代码时遇到问题，任何人都可以验证它并告诉我为什么它不能正常工作吗？我的 javascript 似乎不能正常工作，我得到的最好的是第一个显示的变量。我对 javascript 思想真的很陌生。

<!DOCTYPE html>
<html>
<head>
 <title> Template Suivi Client </title>
 <link rel="icon" href="icone.ico" type="image/x-icon">
 <link rel="stylesheet" href="aidememoire.css">
 <script>
  function myFunction 
    alert();
    var compte = form.inputcompte.value;
    var nom = form.inputnom.value;
    var telephone = form.inputtelephone.value;
    var quand = form.inputdate.value;
    var hdebut = form.inputheuredebut.value;
    var hfin = form.inputheurefin.value;
    var info = form.inputdescription.value;
    document.getElementById("displaycompte").innerHTML = ("Numéro de Compte     Client: " + compte);
    document.getElementById("displaynom").innerHTML = ("Nom du Client : " + nom);
    document.getElementbyId("displaytelephone").innerHTML = ("Numéro de téléphone : ");
    document.getElementbyId("displayquand").innerHTML =("Date :"  + quand);
    document.getElementbyId("displayheured").innerHTML = ("Heure de début : " + hdebut);
    document.getElementById("displayheuref").innerHTML = ("Heure de fin: " +hfin);
    document.getElementById("displaydescription").innerHTML =("Déscription :" + info);
   
 </script>
 </head>


 <body>

<h2 style="text-align: Center">
Template Suivi Client
</h2>

<form method="get">

Numéro de Compte Client : 
 <input type="text" name="inputcompte">

 <br><br>

 Nom du Client :  
  <input type="text" name="inputnom">

<br><br>

  Numéro de téléphone :  
  <input type="text" name="inputtelephone">

 <br><br> 

 Date :  
 <input type="date" name="inputdate">

 <br><br>

 Heure de début :  
 <input type="time" name="inputheuredebut">

<br><br>

 Heure de fin :  
 <input type="time" name="inputheurefin">

<br><br>

Description du problème :  
<input type="text" name="inputdescription">

<br><br>

<button type="button" onclick="myFunction(from.here)"> Soummettre </button>

</form>

<br><br><br>


<p id="displayfinal"> Produit final s'affichera ici </p>
<p id="displaycompte">
</p>
<p id="displaynom">
</p>
<p id="displaytelephone">
</p>
<p id="displayquand">
</p>
<p id="displayheured">
</p>
<p id="displayheuref">
</p>
<p id="displaydescription">
</p>




</body>
</html>`

【问题讨论】：

我的 javascript 似乎不能正常工作有什么问题？检查控制台中的错误消息。对于初学者function myFunction 应该是function myFunction() 。你需要学会使用断点和标准调试功能。 @zero298 第一次尝试javascript @Guffa 控制台提供了一些帮助。至少我能分辨出什么不起作用 【参考方案1】：

您正在使用未在任何地方定义的变量form。

您可以从按钮发送对表单的引用：