在彈出

Question

重複的JavaScript表單字段我正在一個網站類，只是HTML和CSS上，而是試圖用JavaScript來玩弄我自己。在這一點上，我有一個表單，我希望所有的字段在發送之前通過彈出窗口重複給用戶。在這一點上，我沒有什麼可以進一步實際發送信息，只是試圖讓實際彈出窗口完成，但在我的生活中，我似乎無法到達任何地方。 至於代碼：

<form name="submitForm" id="submitForm" method="post" action="#"> 
    <textarea style="width: 145px" name="Name" id="nameTA" placeholder="Your name"></textarea><br/> 
    <textarea style="width: 145px" name="Contact Information" id="contactInfoTA" placeholder="Your contact information"></textarea><br/> 
    <textarea name="Message" style="height: 200px; width: 145px" id="messageTA" placeholder="Your Message"></textarea><br/> 
    <input type="submit" name="submit" id="submitButton" onsubmit="send();" value="Send Message"></input> <br/> 
</form> 

是原來的形式和JS是：

function send() { 
var nameJS = document.getElementById('nameTA').textContent; 
var contactJS = document.getElementById('contactInfoTA').textContent; 
var messageJS = document.getElementById('messageTA').textContent; 
if(nameJ === "" || contactJ === "" || messageJ === "") 
{ 
    alert("Please fill out all fields."); 
} 
else 
{ 
    alert(" Name: " + nameJS.value + " \n Contact Info: " + contactJS.value + " \n Message: " + messageJS.value + " \n Submitted!"); 
} 

}

我試着運行這個本地或altervista，的document.getElementById（） 。值; .textContent;我在控制檯旁邊沒有任何信息，並且我的想法已經耗盡，所以任何幫助都會很感激 - 可能與onsubmit參數或action =「＃」有關？不知道....謝謝！

Answer 1

您必須指定在表單上，​​而不是在輸入按鈕的onsubmit事件。

<form name="submitForm" id="submitForm" method="post" action="#" onsubmit="send();"> 
<textarea style="width: 145px" name="Name" id="nameTA" placeholder="Your name"></textarea><br/> 
<textarea style="width: 145px" name="Contact Information" id="contactInfoTA" placeholder="Your contact information"></textarea><br/> 
<textarea name="Message" style="height: 200px; width: 145px" id="messageTA" placeholder="Your Message"></textarea><br/> 
<input type="submit" name="submit" id="submitButton" value="Send Message"></input> <br/> 
</form> 

在你的JS函數裏面的if條件中，你指定的變量名稱是錯誤的。你也沒有像這樣獲得輸入字段的值。你不需要'.textContent'。其他內部的'.value'已經足夠了。此功能也缺少一個結束花括號。 否則你不想檢查條件是否相等。這就是'==='所做的。相反，你試圖做的是檢查相同的值，這可以通過'=='來實現。無論如何，這也不起作用，因爲沒有輸入和空字符串是不一樣的。相反，你可以檢查這些元素是否包含一個值。

function send() { 
    var nameJS = document.getElementById('nameTA'); 
    var contactJS = document.getElementById('contactInfoTA'); 
    var messageJS = document.getElementById('messageTA'); 
    if(!nameJS.value || !contactJS.value || !messageJS.value) { 
     alert("Please fill out all fields."); 
    } else { 
     alert(" Name: " + nameJS.value + " \n Contact Info: " + contactJS.value + " \n Message: " + messageJS.value + " \n Submitted!"); 
    } 
}