Question

我遇到运行我的代码的问题，任何人都可以验证它并告诉我它为什么不能正常工作？我的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>`

Answer 1

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

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

onclick="myFunction(this.form)"

在函数中捕获参数：

function myFunction(form) {

Answer 2

尝试为表单提供ID，例如<form id="abc" method="GET">...</form> 然后使用$("#abc").off('submit');（在表单结束后）

Answer 3

我从控制台获得的信息[Uncaught TypeError：无法读取属性＆＃39; inputcompte＆＃39;未定义的]。它发生在我的所有变量上

使用JavaScript提交表单

3 个答案: