how to preview the text area before user click the submit button

Hello,

Here i am pasting my code but i don't know how to make it preview the text area before the user hits the submit button which goes into access database. Please help me.

<cfform action="electionresult.cfm" method="post">

<input type="hidden" name="OnsiteDate">

<table>
<tr>
<td> *Position <br>(Select one from the list)
</td>
<td>
<select name="Position">
<option value="President">President-Elect
<option value="Treasurer">Treasurer
<option value="Membership">Director-elect, Membership Interests and Services
<option value="Advocacy">Director-elect, Outreach and Advocacy
<option value="Generation">Director-elect, Generation and Dissemination of Knowledge
<option value="Commissions">Director-elect, Commissions
<option value="Multicultural">Chair, Standing Committee for Multicultural Awareness
<option value="Disabilities">Chair, Standing Committee for Disabilities
<option value="Lesbian">Chair, Standing Committee for Lesbian, Gay, Bisexual and transgender Awareness
<option value="Graduate">Chair, Standing Committee for Graduate Students and New Professionals
</select>
</td></tr>
<tr>
<td><br> *FirstName
</td>
<td><br>
<cfinput type="text" name="FirstName" alt="FirstName" message="Please enter the First Name" required="yes">
</td>
</tr>
<tr>
<td> <br>Middle Initial
</td>
<td><br>
<cfinput type="text" name="MiddleName" alt="MiddleName">
</td>
</tr>
<tr>
<td> <br>*LastName
</td>
<td><br>
<cfinput type="text" name="LastName" alt="LastName" message="Please enter the Last Name" required="yes">
</td>
</tr>
<tr>
<td> <br>Suffix
</td>
<td><br>
<cfinput type="text" name="Suffix" alt="Suffix">
</td>
</tr>
<tr>
<td> <br>Title
</td>
<td><br>
<cfinput type="text" name="Title" alt="Suffix">
</td>
</tr>

</table><tr>
<td> <br>*Statement of Goals (250 word limit). Please enter 2 carriage returns at the end of each paragraph.<br>
<br>
<textarea name="Goals" rows="10" cols="100"></textarea>
</td>
</tr>
<tr>
<td> <br><br>*Educational Degrees (listing of degrees earned and institutions, starting with most recent).<br>
Please enter 2 carriage returns at the end of each paragraph.
<br>
<textarea name="Education" rows="10" cols="100"></textarea>
</td>
</tr>
<tr>
<td> <br><br>*Professional Work History/Leadership Experiences/Professional Association Involvement (150 word limit).<br>
Please enter 2 carriage returns at the end of each paragraph.
<br>
<textarea name="Work" rows="10" cols="100"></textarea>
</td>
</tr>
<p>
<input type="button" value="ShowPreview">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</cfform>

I have no idea what you are asking for when you say you want to "preview the text area".

I need to preview the form before user hits the submit button. If you hit the preview button in the form then user may able to see what he typed in the form. I hope this makes sense to you. I would really appreciate if you could help me.

Thanks.

hm
you can create an intermediate page in between, and pass the form to that page... where you have another form with hidden fields to store the form values.. then pass the form now to the result page when button is pressed.

that for me would be the simplest way... or maybe you can pass the form to the page itself then use isdefined() to keep everything on one page...

Then would you mind telling me how to insert the line break in between the paragraphs. Example: if you retrive the "Goals" info from the database, its all coming in one line though user submitted as two paragraphs. How to insert the code \r or \n in the above code? Please help me.

When you output it try using the paragraphFormat() function. That should replace the line feeds with paragraph tags.