#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2003
    Location
    Cary, NC
    Posts
    27
    Rep Power
    0

    javascript for maillist form doesn't send any data and field validation doesn't work.


    I downloaded this free javascript code to create a form and thne send the data as an email msg. When I send the email none of the form fields get sent. None of the field validation works either. Does anyone have any ideas how to make the script work. I posted a message on that forum and got no answer.
    <!-- TWO STEPS TO INSTALL MAILING LIST:

    1. Paste the coding into the HEAD of your HTML document
    2. Put the last code into the BODY of your HTML document -->

    <!-- STEP ONE: Copy this code into the HEAD of your HTML document -->

    <HEAD>

    <SCRIPT LANGUAGE="JavaScript">

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Begin
    function resetform() {
    document.forms[0].elements[1]=="";
    }
    function submitForms() {
    if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
    if (confirm("\n You are about to e-mail your submission. \n\nYES to submit. NO to abort."))
    {
    alert("\nYour submission will now be sent. \n\n Use the Return Button once the submission is complete to return to my home page.\n\n\n Thank you for joining our mailing list!");
    return true;
    }
    else
    {
    alert("\n You have chosen to abort the submission.");
    return false
    }
    else
    return false;
    }
    function isEmail() {
    if (document.forms[0].elements[1].value == "") {
    alert ("\n The E-Mail field is blank. \n\n Please enter your E-Mail address.")
    document.forms[0].elements[1].focus();
    return false;
    }
    if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
    document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
    alert ("\n The E-Mail field requires a \"@\" and a \".\"be used. \n\nPlease re-enter your E-Mail address.")
    document.forms[0].elements[1].select();
    document.forms[0].elements[1].focus();
    return false;
    }
    return true;
    }
    function isFname() {
    if (document.forms[0].elements[2].value == "")
    {
    alert ("\n The First Name field is blank. \n\n Please enter your first name.")
    document.forms[0].elements[2].focus();
    return false;
    }
    return true;
    }
    function isLname() {
    if (document.forms[0].elements[3].value == "") {
    alert ("\n The Last Name field is blank. \n\nPlease enter your last name.")
    document.forms[0].elements[3].focus();
    return false;
    }
    return true;
    }
    function isAddress() {
    if (document.forms[0].elements[4].value == "") {
    alert ("\n The Address field is blank. \n\nPlease enter your address.")
    document.forms[0].elements[4].focus();
    return false;
    }
    return true;
    }
    function isCity()
    {
    if (document.forms[0].elements[5].value == "")
    {
    alert ("\n The City field is blank. \n\nPlease enter your city.")
    document.forms[0].elements[5].focus();
    return false;
    }
    return true;
    }
    function isState() {
    if (document.forms[0].elements[6].value == "") {
    alert ("\n The state field is blank.\n\nPlease enter your state.")
    document.forms[0].elements[6].focus();
    return false;
    }
    return true;
    }
    function isZip() {
    if (document.forms[0].elements[7].value == "") {
    alert ("\n The Zip code field is blank. \n\nPlease enter your Zip code.")
    document.forms[0].elements[7].focus();
    return false;
    }
    return true;
    }
    // End -->
    </SCRIPT>

    <!-- STEP TWO: Copy this code into the BODY of your HTML document -->

    <BODY>

    <CENTER>
    <FORM enctype="text/plain" name="addform" method='get'
    action='mailto:antispammer@earthling.net?subject=TJS - Mailing List' onSubmit="return submitForms()">
    <TABLE border=3 width=430 cellpadding=10><TD align="center">
    <strong>
    <font face="arial" size=+2>Join the Mailing List!</font>
    </strong>
    </TABLE>
    <input type="hidden" name="Form" value="Submit Sub">
    <TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#C0C0C0">
    <tr valign=baseline>
    <TD>
    <font face="arial">Email Address:</font>
    </TD>
    <TD>
    <input type=text name="Email Address" size=35,1 maxlength=80>
    </TD>
    </tr>
    <tr>
    <TD>
    <font face="arial">First Name:</font>
    </TD>
    <TD>
    <input type=text name="First Name" size=35,1 maxlength=80>
    </TD></tr>
    <tr>
    <TD>
    <font face="arial">Last Name:</font>
    </TD>
    <TD>
    <input type=text name="Last Name" size=35,1 maxlength=80>
    </TD></tr>
    <tr>
    <TD>
    <font face="arial">Address:</font>
    </TD>
    <TD>
    <input type=text name="Address" size=35,1 maxlength=80>
    </TD></tr>
    <tr>
    <TD>
    <font face="arial">City:</font>
    </TD>
    <TD>
    <input type=text name="City" size=35,1 maxlength=80>
    </TD></tr>
    <tr>
    <TD>
    <font face="arial">State:</font>
    </TD>
    <TD>
    <input type=text name="State" size=10,1 maxlength=25>
    </TD></tr>
    <tr>
    <TD>
    <font face="arial">Zip Code:</font>
    </TD>
    <TD>
    <input type=text name="Zip" size=20,1 maxlength=35>
    </TD></tr></TABLE>
    <br>
    <center>
    <input type="submit" value=" Submit ">
    <input type="button" value=" Return " onclick="window.location='your-page.html'">
    <input type="reset" value="Reset Form" onclick=resetform()>
    </FORM>
    </CENTER>

    <p><center>
    <font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
    by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
    </center><p>

    <!-- Script Size: 4.56 KB -->
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    May 2003
    Posts
    1,014
    Rep Power
    14
    I copied and pasted the code, performed the two steps, and it works beautifully in all my three browsers immediately... The field validation works perfectly as far as I've tested in two minutes.

    Jeroen
  4. #3
  5. This is only a test
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2003
    Location
    Off the air
    Posts
    2,893
    Rep Power
    153
    Do you have more than one form on the page? If you do, try changing all the 'document.forms[0]' to 'document.forms['addform']'
  6. #4
  7. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2003
    Location
    Cary, NC
    Posts
    27
    Rep Power
    0
    Thanks for the answer. I am using CSS and I didn't want to use tables. I also have a template file so Maybe some of the code got messed up with my layers. I'll delete it and try again. Thanks.
    Debbye

IMN logo majestic logo threadwatch logo seochat tools logo