使用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提交表單

回答

相關問題