How to displaying user filled form data using javascript?

I want to displaying filled form data using javascript

I m working on single page application concept.

signup.html

signup.js

//next button click event
$(document).ready(function () {
$('#btnnext').click(function (event) {
$("#txtPersonalInformation").load("ContactInformation.html #txtContactInformation");
});
});

ContactInformation.html

ContactInformation.js

$(document).ready(function () {
$('#btnsubmit').click(function (event) {
debugger
$("#txtContactInformation").load("/signup.html #txtPersonalInformation"); //HERE I want to display the PersonalInformation filled form detail
$("#txtContactInformation").load("/ContactInformation.html #txtContactInformation"); //HERE I m trying to display the ContactInformation filled form detail
});
});

when user filled the form data and i want to display there data?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Arvind Kushwaha6y ago
Accepted answer
Hi Rahul,

One simply way to set and get the value using local storage.

localStorage.setItem("key", "value");

var variableName = localStorage.getItem("key");

Example.

signup.js

Set all the values.
localStorage.setItem('firstName',  $('#txtfname').val());

localStorage.setItem('middleName',  $('#txtmname').val());

localStorage.setItem('lastName',  $('#txtlname').val());
ContactInformation.js

Get the value in this file.
var firstName = localStorage.getItem('firstName');

var middleName = localStorage.getItem('middleName');

var lastName = localStorage.getItem('lastName');
rahul patil6y ago
thanks perfectly working fine your code

thanks for suggestion
rahul patil6y ago
issue is there last ajax submit button click event not work