使用JavaScript提交表单

-7

我在运行代码时遇到问题，任何人都可以验证它并告诉我为什么它不能正常工作？我的JavaScript似乎没有工作正常，我得到的最好的第一个变量显示。我真的不熟悉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>`

来源

2015-10-06 Medhat

*我的JavaScript似乎并不工作正常*什么是问题？ – lilezek

检查控制台中的错误消息。首先，函数myFunction {'应该是'function myFunction（）{'。 – Guffa

您需要学习使用断点和标准调试功能。 – zero298

尝试给予形式的ID，如<form id="abc" method="GET">...</form> 然后使用$("#abc").off('submit');（形式结束后）

来源

2015-10-06 22:32:22

这可以很容易地完成，而不是'jQuery'，问题甚至不标记它。 – zero298

，我从控制台得到的信息[遗漏的类型错误：无法读取属性“inputcompte”未定义]。它发生在我所有的变量中

来源

2015-10-08 18:41:23 Medhat

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

您可以发送的参考形式从按钮：

onclick="myFunction(this.form)"

赶上参数功能：

function myFunction(form) {

来源

2015-10-08 19:25:12 Guffa

使用JavaScript提交表单

回答

相关问题