Skip to content
Advertisement

Alert box shows form data when clicking button

I am looking to create a button at the bottom of a form that will create an alert box that will show the form data entered. Form includes: First Name Last Name Address 1 Address 2 City State Zip Phone Fax

Once the form is completed, the button is clicked and an alert box pops up showing the form data entered.

Does anyone know how to accomplish without the form actually being submitted or validated? There is no database for the form data to be submitted to, so there is no database to pull the information from.

Any help would be greatly appreciated.

I have not included the form code due to its length, but the current code I am working with for the Alert Box looks like this:

 <script>
 function display_alert()
 {
 alert("");
 }
 </script>

 <body>
 <input type="button" onclick="display_alert()" value="Display alert box">
 </body>

Advertisement

Answer

If I get it right you need something like this:

<html>
<head>
<script type="text/javascript">
window.onload = function(){
   document.getElementById('send').onclick = function(e){
       alert(document.getElementById("name").value);
       return false;
   }
}
</script>
</head>
<body>
<form method="post">
<input type="text" name="name" id="name" />
<input type="submit" name="send" id="send" value="send" />
</form>
</body>
</html>

I don’t really get what you mean with a database to pull the information from, but the example uses a click event to get the data from the form field and shows it in an alert without a submit.

User contributions licensed under: CC BY-SA
9 People found this is helpful
Advertisement