NEED Form Submit Method help.

Discussion in 'HTML & Website Design' started by champion510, Aug 20, 2009.

  1. #1
    Update: I tried to do this myself but I'm bit stuck when it comes to wording subject line of the email and re-directing users to different page once they hit submit. Code is posted below if you'd like to help me troubleshoot.

    I need quick survey form designed for one of my client. (they've their website build in HTML) would it be a issue to add php quiz or there should be a html form ?


    there will be a link that says something like ‘Take our quiz’. When pressed it will direct the user to another webpage with a quiz on it. We have created this webpage and the code for the quiz.

    Here is what we need: Correct coding for “form type” above the quiz code and we need correct ‘submit’ code below the quiz.
    Here are the parameters for the form type code and the submit code:
    Users will fill out the quiz and then click the ‘submit’ button. When the ‘submit’ button is pressed:
    a. all of the answers the user filled in are sent in an email back to us at GratefulBody. The email subject should say “Quiz results”.
    b. The user is directed to a new webpage that says “thanks for filling out the quiz”. We already made the webpage.
    c. The user receives an email from us saying “Thanks for filling out the quiz...”
    * The user won’t be allowed to submit their answers unless they fill in their email address.

    I need this finished & Tested by tomorrow morning.

    If so, I’d be happy to send you the quiz code and the ‘thank you’ page url that we have so far. We will need a quote from you before proceeding.

    Here is the code that I've.

    <FORM METHOD="POST" ACTION="abc@abc.com subject = I'd like to participate" type="hidden" method="post" enctype="text/plain">">


    <link href="/content/style.css" rel="stylesheet" type="text/css" />

    <link rel="shortcut icon" href="favicon.ico" />

    <script src="/content/rollovers.js" language="JavaScript1.2" type="text/javascript"></script>

    <script src="/required_confirm_order.js" language="JavaScript1.2" type="text/javascript"></script>

    <script type="text/javascript" src="/validateemail.js"></script>
    </head>

    <!-- ONLOAD ATTRIBUTES - SUGGEST PUTTING IN SEPARATE INCLUDE FILE //-->

    <body onload="MM_preloadImages();">

    <!-- ONLOAD ATTRIBUTES - SUGGEST PUTTING IN SEPARATE INCLUDE FILE //-->

    <div id="container">

    <div id="pagetop">
    <!-- END NEWSLETTER BOXES //-->
    <!-- END NAVBAR //-->
    </div>

    <div id="contentwrapper_int">

    <!-- BEGIN HEADER AREA //-->

    <div style="background-image:url(/images/16skin_nwsltr_content_tile.jpg);width:606px;text-align:right;"><br />
    <p align="justify" style="margin-left:40px;margin-right:40px;color:#4A2D41;font-weight:bold;">Welcome to xyzy. We are currently in the process of developing an online method of evaluating skin, hair and nail care products. <br />
    <br />
    To participate, indicate your interests in the form below and We'll get back to you with personalized recommendations within 24 business hours</p>
    <br />

    </div>

    <!-- BEGIN HEADER AREA //-->

    <!-- BEGIN CONTENT AREA //-->

    <div style="background-image:url(/images/16skin_nwsltr_content_tile.jpg);width:100%">

    <br>

    <p align="right" style="font-size:9px; font-style:italic; color:#0000CC; margin-right:50px;">* Fields marked with an asterisk below are required.</p>

    <FORM name="myform" METHOD=POST ACTION="http://www.skintypesolutions.com/surveys/thankyou.php">

    <INPUT TYPE=HIDDEN NAME="PROCESS" VALUE="TRUE">

    <INPUT TYPE=HIDDEN NAME="r_FirstName" VALUE="First Name">

    <INPUT TYPE=HIDDEN NAME="r_LastName" VALUE="Last Name">

    <INPUT TYPE=HIDDEN NAME="r_EMail" VALUE="Email Address">

    <INPUT TYPE=HIDDEN NAME="r_Country" VALUE="Country">

    <table border="0" align="center" cellpadding="4" cellspacing="2">
    <tr>
    <td align="right" class="hptextsmall" style="color:#4A2D41;font-weight:bold;" width="35%">First, tell us your name:</td>
    <td align="left" class="hptextsmall" width="65%"><input type="text" name="FirstName" style="width: 200px"/></td>
    </tr>
    <tr>
    <td align="right" class="hptextsmall" style="color:#4A2D41;font-weight:bold;">Describe the moisture level of your skin.</td>
    <td align="left" class="hptextsmall"><input o type="text" name="LastName" style="width: 200px" /></td>
    </tr>
    <tr>
    <td align="right" class="hptextsmall" style="color:#4A2D41;font-weight:bold;">Type your email address in the box below.<br />
    * Email Address:<br /></td>
    <td align="left" class="hptextsmall"><input type="text" name="EMail" style="width: 200px" onblur="ValidateEmail()" />
    <br />
    <em>(we follow strict email privacy practices</em>)</td>
    </tr>
    <tr>
    <td align="right" colspan="2">&nbsp;</td>
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Normal" /> Normal
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Dry" /> Dry
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Very Dry" /> Very Dry
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Oily" /> Oily </td></tr>
    <td><font color="#789833"><font style="font-family: Arial,Verdana,sans-serif; font-size: 13px; line-height: 19px;">
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Very Oily" /> Very Oily
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Combination Skin" /> Combination Skin
    <input type="checkbox" name= "Moisture Level" value=&nbsp;"Dry in AM & Oily in p.m." /> Dry in a.m. - Oily in p.m.
    <input type="checkbox" name="Moisture Level" value=&nbsp;"Don't Know" /> Don't Know


    </tr>

    <tr><td colspan="2">&nbsp;</td></tr>

    <tr>
    <td align="right" colspan="2">&nbsp;</td>
    </tr>

    <tr>
    <td align="right" class="hptextsmall" style="color:#4A2D41;font-weight:bold;">Baumann Skin Type:<br /><span style="font-weight:normal;font-style:italic;font-size:9px;">(If known):</span></td>
    <td align="left" class="hptextsmall">
    <select name="skintype">
    <option value="">--- Select One ---</option>
    <option value="OSNW">OSNW</option>
    <option value="OSPT">OSPT</option>
    <option value="OSPW">OSPW</option>
    <option value="OSNT">OSNT</option>

    <option value="ORPW">ORPW</option>
    <option value="ORNW">ORNW</option>
    <option value="ORPT">ORPT</option>
    <option value="ORNT">ORNT</option>

    <option value="DSPW">DSPW</option>
    <option value="DSNW">DSNW</option>
    <option value="DSPT">DSPT</option>
    <option value="DSNT">DSNT</option>

    <option value="DRPW">DRPW</option>
    <option value="DRNW">DRNW</option>
    <option value="DRPT">DRPT</option>
    <option value="DRNT">DRNT</option>
    </select></td>
    </tr>
    </table>

    <p align="center"><br>
    <INPUT TYPE="submit">
    <INPUT TYPE="reset">
    </p>

    </form>


    </div>

    <!-- END CONTENT AREA //-->

    <!-- BEGIN FOOTER //-->

    <div id="footerwrapper">

    <div id="footer_int"> <br><br>
    </div>
    </div>

    <!-- END FOOTER //-->

    </div>

    <div style="clear:both"> </div>

    </div>

    <script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-2059473-1";
    urchinTracker();
    </script>

    </body>
    </html>
     
    Last edited: Aug 20, 2009
    champion510, Aug 20, 2009 IP
  2. kblessinggr

    kblessinggr Peon

    Messages:
    539
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Form-to-email address is always a crappy way to do it, best to send the form to a serversided script.
     
    kblessinggr, Aug 20, 2009 IP
  3. champion510

    champion510 Member

    Messages:
    379
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #3
    ahh I see..
    Well let me know if anyone else knows how this can be done.
    thanks
     
    champion510, Aug 21, 2009 IP
  4. plutoegg

    plutoegg Well-Known Member

    Messages:
    1,207
    Likes Received:
    154
    Best Answers:
    0
    Trophy Points:
    105
    #4
    Yeah thats what I would do. Or if you are really having trouble there are ready built forms which you can just copy and paste the html onto your page, for example http://www.freedback.com/

    Plutoegg out.
     
    plutoegg, Aug 21, 2009 IP