Javascript 如何显示确认提示,显示用户在文本字段中输入信息并单击js中的submit时输入的内容
想知道当用户在表单上的文本字段中输入信息时,如何使用javascript显示确认提示,以显示他们输入的内容,例如“Hello‘user’您输入了此注释:‘comment’” 我一直在尝试使用变量和警报框,但未能使其正常工作:Javascript 如何显示确认提示,显示用户在文本字段中输入信息并单击js中的submit时输入的内容,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,想知道当用户在表单上的文本字段中输入信息时,如何使用javascript显示确认提示,以显示他们输入的内容,例如“Hello‘user’您输入了此注释:‘comment’” 我一直在尝试使用变量和警报框,但未能使其正常工作: function updateTxt() { var content1 = document.getElementById('name').innerText; var content2 = document.getElementBy
function updateTxt() {
var content1 = document.getElementById('name').innerText;
var content2 = document.getElementById('email').innerText;
var content3 = document.getElementById('comments').innerText;
var content4 = document.getElementById('rating').value;
alert("Dear: " + frm.content1.value,"thank you for your feedback, you rated us "frm.content4.value" and this is your comment: " frm.content3.value)
}
(内容4来自单选按钮)
这是带有验证功能的表单代码和提交按钮代码:
<form name="Feedback" action="#"onsubmit="return validateForm()" method="post">
<input type="submit" onclick="updateTxt()" value="Submit">
只是在寻找指针,看看我是否遗漏了任何内容,提前感谢您在警报中遗漏了一些
+
。另外,我不确定什么是frm
,但您不需要根据示例引用它
function updateTxt() {
var content1 = document.getElementById('name').innerText;
var content2 = document.getElementById('email').innerText;
var content3 = document.getElementById('comments').innerText;
var content4 = document.getElementById('rating').value;
alert("Dear: " + content1 + ", thank you for your feedback, you rated us " + content4 + " and this is your comment: " + content3)
}
您的警报中缺少一些
+
。另外,我不确定什么是frm
,但您不需要根据示例引用它
function updateTxt() {
var content1 = document.getElementById('name').innerText;
var content2 = document.getElementById('email').innerText;
var content3 = document.getElementById('comments').innerText;
var content4 = document.getElementById('rating').value;
alert("Dear: " + content1 + ", thank you for your feedback, you rated us " + content4 + " and this is your comment: " + content3)
}
我已将+'添加到警报中,但它仍然没有working@Harv-你需要比“仍然不起作用”更具体。你有错误吗?您正在浏览浏览器开发人员控制台吗?发生了什么/没有发生什么?没有错误,只是没有显示前面代码中的对话框提示,其他一切都正常。我现在可以看到我需要添加的条件我已经将+'添加到警报中,但仍然没有添加working@Harv-你需要比“仍然不起作用”更具体。你有错误吗?您正在浏览浏览器开发人员控制台吗?发生了什么/没有发生什么?没有错误,只是没有显示前面代码中的对话框提示,其他一切都正常。我现在可以看到我需要添加条件,如果我在单独的脚本标记中有函数,这会对它产生任何影响吗?不会,只要它们以相同的顺序加载,它们被调用是否与我调用函数的方式有关?我没有将函数包含在onsubmit中有关系吗?在我的回答中检查JSFIDLE谢谢你的见解我将函数放在单独的脚本标记中这会对它产生任何影响吗?不会,只要它们以相同的调用顺序加载就行了这与我调用函数的方式有关吗?我没有在onsubmit中包含这个函数有关系吗?在我的回答中检查JSFIDLE谢谢你的洞察力