Changed Form and now Submit doesn't work

This site is best viewed in a modern browser with JavaScript enabled.

Changed Form and now Submit doesn't work

foxman99

HEy all....

I had a form written by someone else. It works no problem. I used Frontpage 5.0 to edit the form and add just one additional information request ( a drop down list to choose how they got to my site). The form looks fine. When I upload the file and fill it out the new form nothing happens when I hit either Submit or Reset buttons. All I did was insert some code to add the dropdown item. Any ideas on why it doesn't work? Does it have something to do with the cgi form? Is there some sort of compile that has to be done first on the new version? Grasping at straws....I am very confused.

Thanks in advance.

Pittimann

Hi!

Would you mind posting your current code or a link to your site??
Should be something simple, but without seeing it, it's difficult to tell you, why the form doesn't work.

Cheers - Pit

buntine

If nothing happens at all, there might be a JavaScript validate function on the submit event. Have a look at the onsubmit event in the <form> element and the onclick event in the <input type="submit"> element.

Regards.

foxman99

This is the code that works:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description"
content="Since 1909, Metal Forms Corporation has produced quality steel forms for the concrete construction industry--from road building and barrier forms to curb and sidewalk forms. Other products include Poly Meta Forms® which combine the lightweight of plastic with the strength of steel, concrete finishing equipment such as heavy-duty paving screeds and one-man finishers, and nail stakes, form pins and stringline stakes">
<meta name="keywords"
content="Steel concrete forms, metal concrete forms, plastic concrete forms, poly concrete forms, paving forms, sidewalk forms, barrier, parapet, slab forms, concrete screeds, finishing screeds, vibrating screeds, paving screeds, truss screeds, one-man screeds, strike-off screeds, concrete finishing machines, concrete paving machines, concrete forming stakes, construction stakes, steel stakes, concrete stakes, stringline stakes, form pins, form stakes, nail stakes">
<title>Information Request</title>
</head>

<p align="center"><font face="Arial" size="3"><b>Please fill out the form below and submit
it for more information!</b></font></p>

<form action="http://www.metalforms.com/cgi-bin/formcgi" method="POST">
</form>
<div align="center"><center><table border="0" width="465">
<tr>
<td align="right"><font face="Arial" size="2">Your Name:</font></td>
<td><input type="text" size="20" maxlength="256" name="name"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Company:</font></td>
<td><input type="text" size="20" maxlength="256" name="company"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Address:</font></td>
<td><input type="text" size="30" maxlength="256" name="address"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">City:</font></td>
<td><input type="text" size="20" maxlength="256" name="City"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">State/Province:</font></td>
<td><input type="text" size="10" maxlength="256" name="State"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Zip/Postal Code:</font></td>
<td><input type="text" size="20" maxlength="256" name="zip"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Country:</font></td>
<td><input type="text" size="20" maxlength="256" name="country"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Phone:</font></td>
<td><input type="text" size="20" maxlength="256" name="phone"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Fax:</font></td>
<td><input type="text" size="20" maxlength="256" name="fax"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Email Address:</font></td>
<td><input type="text" size="20" maxlength="256" name="email"></td>
</tr>
<tr>
<td align="right"><font size="2" face="arial">Level of Interest:</font></td>
<td><font size="2" face="arial"><strong><input name="Immediate" type="checkbox"
id="Immediate" value="YES" hidden> </strong>Immediate <input name="Intermediate"
type="checkbox" id="Intermediate" value="YES" hidden> Intermediate <input name="Future"
type="checkbox" id="Future" value="YES" hidden> Future<strong> </strong></font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Steel Form Division:</font></td>
<td><font size="2" face="arial"><input name="FormDivision-CurbGutter" type="checkbox"
id="FormDivision-CurbGutter" value="YES" hidden> Curb and Gutter Forms</font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="FormDivision-Flatwork" type="checkbox"
id="Immediate3" value="YES" hidden> Flatwork/Sidewalk Forms</font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="FormDivision-Paving" type="checkbox"
id="Immediate4" value="YES" hidden> Paving Forms </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="FormDivision-Barrier" type="checkbox"
id="Immediate5" value="YES" hidden> Barrier Forms </font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Steel Stake Division:</font></td>
<td><font size="2" face="arial"><input name="StakeDivision-NailStakes" type="checkbox"
id="Immediate6" value="YES" hidden> Nail Stakes </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="StakeDivision-FormPins" type="checkbox"
id="Immediate7" value="YES" hidden> Form Pins </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="StakeDivision-StringlineStakes"
type="checkbox" id="PlasticDivision-Flatwork" value="YES" hidden> Stringline Stakes </font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Plastic Form Division:</font></td>
<td><font size="2" face="arial"><input name="PlasticDivision-Flatwork" type="checkbox"
id="Immediate8" value="YES" hidden> Flatwork /Sidewalk Forms </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="PlasticDivision-CurbGutter" type="checkbox"
id="PlasticDivision-Flatwork2" value="YES" hidden> Curb and Gutter Forms </font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Equipment Division:</font></td>
<td><font size="2" face="arial"><input name="EquipmentDivision-OneManScreeds"
type="checkbox" id="PlasticDivision-Flatwork3" value="YES" hidden> One-Man Screeds </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="EquipmentDivision-TrussScreeds"
type="checkbox" id="EquipmentDivision-OneManScreeds" value="YES" hidden> Truss Screeds</font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial" size="2">Questions or Comments?</font></td>
</tr>
<tr>
<td align="center" colspan="2"><textarea name="questions" rows="6" cols="40"></textarea></td>
</tr>
</table>
</center></div><div align="center"><center><table border="0">
<tr>
<td align="center" valign="top" width="125"></td>
<td align="center" valign="top"><input type="submit" name="Submit" value="Submit"></td>
<td align="center" valign="top"><input type="reset" name="Clear" value="Reset"></td>
<td align="center" valign="top"><img src="thanks.gif" hspace="29" width="96" height="66"></td>
</tr>
</table>
</center></div>
</form>

foxman99

THIS IS THE CODE WHERE NOTHING IS HAPPENING:

The html code added is towards the bottom starting with

<tr>
<td align="left">
<font face="Arial"><b>Please tell us how you found us (select one)</b></font.......

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<p align="center"><font face="Arial" size="3"><b>Please fill out the form below and submit
it for more information!</b></font></p>

<form action="http://www.metalforms.com/cgi-bin/formcgi" method="POST">
</form>
<div align="center"><center><table border="0" width="465">
<tr>
<td align="right"><font face="Arial" size="2">Your Name:</font></td>
<td><input type="text" size="20" maxlength="256" name="name"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Company:</font></td>
<td><input type="text" size="20" maxlength="256" name="company"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Address:</font></td>
<td><input type="text" size="30" maxlength="256" name="address"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">City:</font></td>
<td><input type="text" size="20" maxlength="256" name="City"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">State/Province:</font></td>
<td><input type="text" size="10" maxlength="256" name="State"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Zip/Postal Code:</font></td>
<td><input type="text" size="20" maxlength="256" name="zip"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Country:</font></td>
<td><input type="text" size="20" maxlength="256" name="country"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Phone:</font></td>
<td><input type="text" size="20" maxlength="256" name="phone"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Fax:</font></td>
<td><input type="text" size="20" maxlength="256" name="fax"></td>
</tr>
<tr>
<td align="right"><font face="Arial" size="2">Email Address:</font></td>
<td><input type="text" size="20" maxlength="256" name="email"></td>
</tr>
<tr>
<td align="left">
<font face="Arial"><b>Please tell us how you found us (select one)</b></font>
<select name=source>
<option value="Please choose from this list" selected>Please choose from this list</option>
<option value="Internet Search Engine">Internet Search Engine</option>
<option value="Concrete Construction Magazine">Concrete Construction magazine</option>
<option value="Public Works">Public Works magazine</option>
<option value="National Equipment">Nat'l Equipment magazine</option>
<option value="Equipment World">Equipment World magazine</option>
<option value="Roads & Bridges">Roads & Brdiges magazine</option>
<option value="Landscape Contractor">Landscape Contractor magazine</option>
<option value="Concrete Decor">Concrete Decor magazine</option>
<option value="Better Roads">Better Roads magazine</option>
<option value="Concrete Concepts">Concrete Concepts magazine</option>
<option value="Other">Other</option>
</select></td>
</tr>
<td>
 </td>
<td nowrap>
</td>
<tr>
<td align="right"><font size="2" face="arial">Level of Interest:</font></td>
<td><font size="2" face="arial"><strong><input name="Immediate" type="checkbox"
id="Immediate" value="YES" hidden> </strong>Immediate <input name="Intermediate"
type="checkbox" id="Intermediate" value="YES" hidden> Intermediate <input name="Future"
type="checkbox" id="Future" value="YES" hidden> Future<strong> </strong></font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Steel Form Division:</font></td>
<td><font size="2" face="arial"><input name="FormDivision-CurbGutter" type="checkbox"
id="FormDivision-CurbGutter" value="YES" hidden> Curb and Gutter Forms</font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="FormDivision-Flatwork" type="checkbox"
id="Immediate3" value="YES" hidden> Flatwork/Sidewalk Forms</font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="FormDivision-Paving" type="checkbox"
id="Immediate4" value="YES" hidden> Paving Forms </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="FormDivision-Barrier" type="checkbox"
id="Immediate5" value="YES" hidden> Barrier Forms </font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Steel Stake Division:</font></td>
<td><font size="2" face="arial"><input name="StakeDivision-NailStakes" type="checkbox"
id="Immediate6" value="YES" hidden> Nail Stakes </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="StakeDivision-FormPins" type="checkbox"
id="Immediate7" value="YES" hidden> Form Pins </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="StakeDivision-StringlineStakes"
type="checkbox" id="PlasticDivision-Flatwork" value="YES" hidden> Stringline Stakes </font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Plastic Form Division:</font></td>
<td><font size="2" face="arial"><input name="PlasticDivision-Flatwork" type="checkbox"
id="Immediate8" value="YES" hidden> Flatwork /Sidewalk Forms </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="PlasticDivision-CurbGutter" type="checkbox"
id="PlasticDivision-Flatwork2" value="YES" hidden> Curb and Gutter Forms </font></td>
</tr>
<tr>
<td><font size="2" face="arial"><div align="right"><p>Equipment Division:</font></td>
<td><font size="2" face="arial"><input name="EquipmentDivision-OneManScreeds"
type="checkbox" id="PlasticDivision-Flatwork3" value="YES" hidden> One-Man Screeds </font></td>
</tr>
<tr>
<td></td>
<td><font size="2" face="arial"><input name="EquipmentDivision-TrussScreeds"
type="checkbox" id="EquipmentDivision-OneManScreeds" value="YES" hidden> Truss Screeds</font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial" size="2">Questions or Comments?</font></td>
</tr>
<tr>
<td align="center" colspan="2"><textarea name="questions" rows="6" cols="40"></textarea></td>
</tr>
</table>
</center></div><div align="center"><center><table border="0">
<tr>
<td align="center" valign="top" width="125"></td>
<td align="center" valign="top"><input type="submit" name="Submit" value="Submit"></td>
<td align="center" valign="top"><input type="reset" name="Clear" value="Reset"></td>
<td align="center" valign="top"><img src="thanks.gif" hspace="29" width="96" height="66"></td>
</tr>
</table>
</center></div>
</form>

<p align="center"><a href="index.html" target="_top"><font face="Arial" size="1">Home Page</font></a>
</p>
</body>
</html

Pittimann

Hi!

I didn't check your code further after having found this (in both snippets you posted):

After removing the closing form tag situated immediately below the opening one, everything worked for me. One little more thing: at the very end of your code, you have '</html'. I am sure this is a copy/paste mistake. Just make sure it is '</html>'.

Good luck - Pit

foxman99

I will try it Monday to see if this works.

BTW....how did you test it?

Thanks again...

God Bless.

foxman99

Doesn't that strike you as weird or unusual that it would work in one but not the other? With same code in that section you suggest I change?

Doesn't make sense to me. But I'll try it and see what happens.

Thanks again.

Pittimann

Originally posted by foxman99
BTW....how did you test it?

I simply clicked 'submit', nothing happened and I started looking for mistakes in your HTML. That's all. Hopefully, you get it to work. If not: just post again. Good luck!

Cheers - Pit

foxman99

Okay..

I brought the file that didn't work into Frontpage and tried to take out the </form> piece that appeared after POST. Frontpage kept putting it back after I saved the file, like it belonged and the syntax was only correct with it there. SO I edited it out in notepad and tried it and the same thing happened....nothing. No reset, no submit. Like I said, the code is virtually identical except for the section I added for the selection box. One works, one doesn't. Anyone?

Pittimann

Hi!

One little thing: 'http://www.metalforms.com/cgi-bin/formcgi' in your form's action. Shouldn't that be: 'http://www.metalforms.com/cgi-bin/form.cgi'? Could you please point that out? I would put a working version online then, which you can grab and use.

Cheers - Pit

Frki

Here is a working code, also i opened this code in FP2003 and 98 and it works fine when i save it and open.
(i removed metatags desciption and keywords)

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Information Request</title>
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#BC011A" vlink="#9D9D9D" alink="#9D9D9D">

<p align="center"><font face="Arial" size="3"><b>Please fill out the form below and submit
it for more information!</b></font></p>

<form action="http://www.metalforms.com/cgi-bin/formcgi" method="POST">
  <div align="center"><center><table border="0" width="465">
    <tr>
      <td align="right"><font face="Arial" size="2">Your Name:</font></td>
      <td><input type="text" size="20" maxlength="256" name="name"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Company:</font></td>
      <td><input type="text" size="20" maxlength="256" name="company"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Address:</font></td>
      <td><input type="text" size="30" maxlength="256" name="address"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">City:</font></td>
      <td><input type="text" size="20" maxlength="256" name="City"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">State/Province:</font></td>
      <td><input type="text" size="10" maxlength="256" name="State"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Zip/Postal Code:</font></td>
      <td><input type="text" size="20" maxlength="256" name="zip"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Country:</font></td>
      <td><input type="text" size="20" maxlength="256" name="country"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Phone:</font></td>
      <td><input type="text" size="20" maxlength="256" name="phone"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Fax:</font></td>
      <td><input type="text" size="20" maxlength="256" name="fax"></td>
    </tr>
    <tr>
      <td align="right"><font face="Arial" size="2">Email Address:</font></td>
      <td><input type="text" size="20" maxlength="256" name="email"></td>
    </tr>
    <tr>
      <td align="left"><font face="Arial"><b>Please tell us how you found us (select one)</b></font>
      <select name="source" size="1">
        <option value="Please choose from this list" selected>Please choose from this list</option>
        <option value="Internet Search Engine">Internet Search Engine</option>
        <option value="Concrete Construction Magazine">Concrete Construction magazine</option>
        <option value="Public Works">Public Works magazine</option>
        <option value="National Equipment">Nat'l Equipment magazine</option>
        <option value="Equipment World">Equipment World magazine</option>
        <option value="Roads &amp; Bridges">Roads &amp; Brdiges magazine</option>
        <option value="Landscape Contractor">Landscape Contractor magazine</option>
        <option value="Concrete Decor">Concrete Decor magazine</option>
        <option value="Better Roads">Better Roads magazine</option>
        <option value="Concrete Concepts">Concrete Concepts magazine</option>
        <option value="Other">Other</option>
      </select></td>
    </tr>
    <tr>
      <td></td>
      <td nowrap></td>
    </tr>
    <tr>
      <td align="right"><font size="2" face="arial">Level of Interest:</font></td>
      <td><font size="2" face="arial"><strong><input name="Immediate" type="checkbox"
      id="Immediate" value="YES" hidden> </strong>Immediate <input name="Intermediate"
      type="checkbox" id="Intermediate" value="YES" hidden> Intermediate <input name="Future"
      type="checkbox" id="Future" value="YES" hidden> Future<strong> </strong></font></td>
    </tr>
    <tr>
      <td><font size="2" face="arial"><div align="right"><p>Steel Form Division:</font></td>
      <td><font size="2" face="arial"><input name="FormDivision-CurbGutter" type="checkbox"
      id="FormDivision-CurbGutter" value="YES" hidden> Curb and Gutter Forms</font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="FormDivision-Flatwork" type="checkbox"
      id="Immediate3" value="YES" hidden> Flatwork/Sidewalk Forms</font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="FormDivision-Paving" type="checkbox"
      id="Immediate4" value="YES" hidden> Paving Forms </font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="FormDivision-Barrier" type="checkbox"
      id="Immediate5" value="YES" hidden> Barrier Forms </font></td>
    </tr>
    <tr>
      <td><font size="2" face="arial"><div align="right"><p>Steel Stake Division:</font></td>
      <td><font size="2" face="arial"><input name="StakeDivision-NailStakes" type="checkbox"
      id="Immediate6" value="YES" hidden> Nail Stakes </font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="StakeDivision-FormPins" type="checkbox"
      id="Immediate7" value="YES" hidden> Form Pins </font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="StakeDivision-StringlineStakes"
      type="checkbox" id="PlasticDivision-Flatwork" value="YES" hidden> Stringline Stakes </font></td>
    </tr>
    <tr>
      <td><font size="2" face="arial"><div align="right"><p>Plastic Form Division:</font></td>
      <td><font size="2" face="arial"><input name="PlasticDivision-Flatwork" type="checkbox"
      id="Immediate8" value="YES" hidden> Flatwork /Sidewalk Forms </font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="PlasticDivision-CurbGutter" type="checkbox"
      id="PlasticDivision-Flatwork2" value="YES" hidden> Curb and Gutter Forms </font></td>
    </tr>
    <tr>
      <td><font size="2" face="arial"><div align="right"><p>Equipment Division:</font></td>
      <td><font size="2" face="arial"><input name="EquipmentDivision-OneManScreeds"
      type="checkbox" id="PlasticDivision-Flatwork3" value="YES" hidden> One-Man Screeds </font></td>
    </tr>
    <tr>
      <td></td>
      <td><font size="2" face="arial"><input name="EquipmentDivision-TrussScreeds"
      type="checkbox" id="EquipmentDivision-OneManScreeds" value="YES" hidden> Truss Screeds</font></td>
    </tr>
    <tr>
      <td colspan="2"><font face="Arial" size="2">Questions or Comments?</font></td>
    </tr>
    <tr>
      <td align="center" colspan="2"><textarea name="questions" rows="6" cols="40"></textarea></td>
    </tr>
  </table>
  </center></div><div align="center"><center><table border="0">
    <tr>
      <td align="center" valign="top" width="125"></td>
      <td align="center" valign="top"><input type="submit" name="Submit" value="Submit"></td>
      <td align="center" valign="top"><input type="reset" name="Clear" value="Reset"></td>
      <td align="center" valign="top"><img src="thanks.gif" hspace="29" width="96" height="66"></td>
    </tr>
  </table>
  </center></div>
</form>

<p align="center"><a href="index.html" target="_top"><font face="Arial" size="1">Home Page</font></a>
</p>
</body>
</html>

PS
if it doesnt work, try to clear browser cache ;-)

foxman99

they both have that same syntax...formcgi, not form.cgi. One works, one doesn't.

I pulled the file that did work and made my edits to that file....simply by adding the section with the <options=XXX>.

This is just goofy.

Pittimann

Just have a look at the code, Frki posted a minute before your latest post.

And as far as the period in 'form.cgi' is concerned: I guess it is necessary because I assume that the form is supposed to submit to a file with that name and not to the default file in a folder called 'formcgi'.

Cheers - Pit

Frki

Pitt, is works with forms action 'formcgi', not form.cgi, whatever it is, file without extension, or default file in formcgi dir.

form with action 'form.cgi' rises error 404, file not found.

Pittimann

Hi!

I did not test it with the action originally specified because I didn't want to mess up someone's server side scripts while playing.

Cheers - Pit