Remember what was on a form

sborny · Jan 12, 2004

Hi,

I am putting together an application form on a site that needs to have certain fields set as mandatory.

I can get the form to check if the fields are empty and re-direct to an error page but when you go back to the form, all the data that was entered is no longer there.

Does anyone know how to do this. I am afraid that I don't know Javascript or PHP or anything like that so a sample form would be great that I can download and play with to see how it works.

Thanks

S.

Everything has an answer, it's just knowing the right question to ask. !!!!

WartookMan · Jan 12, 2004

If you are "...check(ing) if the fields are empty..." and redirecting the user to an error page, why not do the same validation using Client-Side JavaScript.

That way you won't need to store the values - they will be verified before the form is submitted. Use an "onsubmit" of the form to call a verification function. There should be plenty of posts on validation. Try:
thread216-745850
... this has a working example listed near the end.

Pete.

Lotus Notes Web Developer / Aptrix (LWWCM) Consultant
w:

http://www.lclimited.co.uk/

e: Pete.Raleigh(at)lclimited.co.uk

sborny · Jan 12, 2004

Hi WartookMan,

Thanks for that. I have used the code and pasted my form into it. It seems to work fine except the field names are being displyed properly when the error message appears.

I don't really want to post the code here as it is quite long as the form is quite big.

I can e-mail you the file if you like. I am sure it has something to do with the fact that my form is formatted using tables.

Any ideas

Thanks

S.

Everything has an answer, it's just knowing the right question to ask. !!!!

gizzy17 · Jan 12, 2004

sborny,

To remember all of the selections that were made on the form before, you need to add persistence the the form. Check the following documentation.

http://msdn.microsoft.com/library/d.../author/persistence/persistence_ovw_entry.asp

As Pete stated, you should also have client side script to verify that all required data is already present before the user can submit.

WartookMan · Jan 12, 2004

Please email the code to: buk_nayked(at)yahoo.co.uk if you'd like me to have a look.

Pete.

Lotus Notes Web Developer / Aptrix (LWWCM) Consultant
w:

http://www.lclimited.co.uk/

e: Pete.Raleigh(at)lclimited.co.uk

sborny · Jan 12, 2004

WartookMan,

Cheers for that. I am not at my machine at the moment. I will e-mail it to you when I get back.

Cheers
again.

S.

Everything has an answer, it's just knowing the right question to ask. !!!!

sborny · Jan 12, 2004

Hi,

I have just e-mailed the htm file to you and got an error message saying that the e-mail does not exist.

I will post a cut down version of the code.

Cheers

S.

Everything has an answer, it's just knowing the right question to ask. !!!!

sborny · Jan 12, 2004

Okay,

Here is a cut down version.

<html>
<head>
<SCRIPT language="JavaScript">
<!--
function VerifyFields() {
var msg="The following fields must be filled in:";
var blank=false;
for(var x=0;x<document.forms[0].length;x++) {
theObj=document.forms[0].elements[x];
theType=theObj.type;
theName=theObj.name;
theValue=theObj.value;
if((theType!="SUBMIT&quot

&&(theType!="RESET&quot

) {
// an input field requiring validation - ignore txtAddress2
if((theName!="txtAddress2&quot

&&(theValue=="&quot

) {
msg+="\n* "+theName.substring(3,theName.length);
blank=true;
}
}
}
if(blank) {
alert(msg);
return false;
}
return true;
}
function VerifyData() {
if (VerifyFields()) {
if (document.frmUser.txtPassword.value != document.frmUser.txtVerifyPassword.value) {
alert ("Your passwords do not match - please reenter&quot

;
return false;
} else return true;
} else return false;
}
//-->
</SCRIPT>
<title>Application Form</title>
</head>
<body style="font-family: arial">
<div id="content">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="41">
<tr>
<td width="126%" height="15" colspan="3">
</td>
<td width="2%" height="3"></td>
<td width="6%" height="3"></td>
<td width="9%" height="3"></td>
<td width="20%" height="3"></td>
</tr>
<tr>
<td width="3%" height="3">
</td>
<td width="123%" height="3" colspan="2">
<font face="Arial"><b>Tenant Loan Application Form</b></font></td>
<td width="2%" height="3"></td>
<td width="6%" height="3"></td>
<td width="9%" height="3"></td>
<td width="20%" height="3"></td>
</tr>
<tr>
<td width="1%" height="19" valign="top">
 </td>
<td width="96%" height="19" valign="top">
<form action="cgi-local/FormMail.pl" name="Application Form" method = "post" onSubmit="return VerifyData();">
<input type=hidden name="recipient" value=application@southernloanfinda.co.uk>
<input type=hidden name="redirect" value="

http://www.southernloanfinda.co.uk/fsent.htm"

target="content">
<input type=hidden name="subject" value="Website Tenant Loan Application">
</font>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" height="1149">
<tr>
<td width="39%" colspan="2" height="19"> </td>
<td width="61%" colspan="2" height="19"> </td>
</tr>
<tr>
<td width="100%" colspan="4" height="2">
<img border="0" src="images/div.gif" width="100%" height="2"></td>
</tr>
<tr>
<td width="39%" colspan="2" height="19"><b><font face="Arial" size="2">Loan Details</font></b></td>
<td width="21%" height="19"> </td>
<td width="40%" height="19"> </td>
</tr>
<tr>
<td width="16%" height="19"> </td>
<td width="23%" height="19"> </td>
<td width="21%" height="19"> </td>
<td width="40%" height="19"> </td>
</tr>
<tr>
<td width="16%" height="22"><font face="Arial" size="2">Loan Amount:</font></td>
<td width="23%" height="22">
<select size="1" name="Loan_Amount" style="font-family: Arial; font-size: 10pt" tabindex="1">
<option selected>Please Select</option>
<option>£500</option>
<option>£1,000</option>
<option>£1,500</option>
<option>£2,000</option>
<option>£2,500</option>
<option>£3,000</option>
</select></td>

the rest of the form goes here followed by.

<INPUT TYPE="SUBMIT" VALUE="Submit"> <INPUT TYPE="RESET" VALUE="Clear">
</form>
<p>
</div>
</body>
</html>

When you press submit without putting in a value for the loan it says that the field "n_Amount" should be filled and does not show the full field name.

Please help.

Cheers S.

Everything has an answer, it's just knowing the right question to ask. !!!!

BillyRayPreachersSon · Jan 12, 2004

It won't show the full field name - you're explicitly chopping it off!

Change:

Code:

msg+=&quot;\n* &quot;+theName.substring(3,theName.length);

To:

Code:

msg+=&quot;\n* &quot;+theName;

And that should solve that one.

Hope this helps!

Dan

sborny · Jan 12, 2004

Thanks for your help on that. As I siad earlier, I do not knw Javascript at all so I did not know what I was looking for.

One other thing is that the fields that have drop down selection are still showing as needing to be filled even though that have something in them.

Also Do you know how i can test if one filed has an entry in it then it does not need an entry in a specific other field.

ie. If there is a home Phone number entered then I do not need the mobile or daytime phone numbers.

Thanks in advance.

S.

Everything has an answer, it's just knowing the right question to ask. !!!!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Remember what was on a form

sborny

Technical User

WartookMan

Technical User

sborny

Technical User

gizzy17

Vendor

WartookMan

Technical User

sborny

Technical User

sborny

Technical User

sborny

Technical User

BillyRayPreachersSon

Programmer

sborny

Technical User

Similar threads

Part and Inventory Search

Sponsor