如何显示确认提示，显示当用户在文本字段中输入信息并单击js中的“提交”时输入的内容

Question

Was wondering how to display an acknowledgement prompt using javascript when user inputs info into textfields on a form that shows what they have entered eg "Hello 'user' you have entered this comment: 'comment'"

Ive been trying using variables and an alert box but haven't been able to get it to work:

    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) 
  }

(content4 is from a radio button)

This is the form code with a validation function and the submit button code:

     <form name="Feedback" action="#"onsubmit="return validateForm()" method="post">

     <input type="submit" onclick="updateTxt()" value="Submit">

Just looking for pointers to see if I've missed anything, thanks in advance

Answer 1

You're missing some + 's in your alert. Also I'm not sure what frm is, but you shouldn't need to reference it based on the example.

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 jsFiddle