Отображение информации в текстовых полях с помощью 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

Вы можете сделать что-то вроде следующего (если ваши элементы имеют идентификаторы на них):

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

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

Answer 3

Вы можете включить файл javascript в свой файл решения / html и добавить функцию, которая использует значение 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.