使用JavaScript在文本字段中显示信息

Question

我在表单和提交按钮中有两个文本字段。当用户点击时，它必须显示一个包含用户提供的信息和当前时间的信息框。

我该怎么做？请记住，我是一名JavaScript初学者。

Answer 1

你的意思是这样的吗？

<form onsubmit="formMessage(this);"> 
    <p>First Name: <input name="firstname" id="firstname" /></p> 
    <p>Last Name: <input name="lastname" id="lastname" /></p> 
    <p><input type="submit" name="submit" value="Submit!" /></p> 
</form> 

function formMessage(frm) 
{ 
    var fn = frm.firstname.value; 
    var ln = frm.lastname.value; 
    var dt = new Date(); 
    alert("You entered " + fn + " " + ln + " at " + dt + "!"); 
} 

演示：http://jsfiddle.net/EBKJ5/

Answer 2

您可以在您的解决方案/ HTML文件中的JavaScript文件，并添加使用的document.getElementById（“nameofyourtextbox”）值的函数来检索的值，然后使用。提示框显示提供的值，然后添加日期。

然后可以在按钮的onclick事件上调用此函数。

例如：

function buttonClicked() 
{ 
var d = new Date(); 
var date = d.getDate(); 
var month = d.getMonth(); 
var year = d.getFullYear(); 

alert(document.getElementById('nameofyourtextbox') +", "+ document.getElementById ('nameofyour2ndtextbox') + ", "+ date +"/"+ month +"/"+ year); 
} 

添加功能，以您的按钮的onclick事件：

<......  onclick="buttonClicked();"> 

要将.js文件添加到您的网页：

<script type="text/javascript" src="nameofyourjsfile.js"></script> 

的SRC属性必须是您的.js文件存储位置的路径。

Answer 3

你可以做类似如下（如果你的元素有ID对他们）：

document.getElementById("buttonId").addEventListener("click", function() { 

    alert(document.getElementById("formId").value + " " + new Date()); 
}, false);