problem with referring to form elements

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • beenben
    New Member
    • Mar 2008
    • 1
    #1

    problem with referring to form elements

    [CODE=javascript]function calculate(){

    number= parseInt(number of);
    var price=4;

    total=price*num ber;

    alert("Your total is $" + total);
    return true;
    };[/CODE]


    ==

    here's the whole code:
    [HTML]
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <body>
    <script language="Javas cript" type="text/javascript">

    function validate()
    {

    if (document.calcO rder.firstname. value.length<1) {alert("Oops you forgot your first name."); return false;}

    if (document.calcO rder.lastname.v alue.length<1){ alert("Oops you forgot your last name."); return false;}
    if (document.calcO rder.street.val ue.length<6) {alert("Oops that doesn't look like an address."); return false;}

    return true;
    }

    function calculate(){

    number= parseInt(number of);
    var price=4;

    total=price*num ber;

    alert("Your total is $" + total);
    return true;
    };







    </script>

    <title> Widgeteria Order Form</title>
    <form name="calcOrder " action="mailto: orders@widgeter ia.com"
    enctype="text/plain" method="POST"
    onSubmit="retur n validate(this)" ;"return calculate(this) ";>
    <h2> Thanks for Ordering From Widgeteria!</h2>
    <h4> We sell at a loss and make it up on volume <h4>
    <p>First Name: <input type ="TEXT" name="firstname " size="20">
    Last Name:<input type ="TEXT" name="lastname" size="40">
    <p>Street Address:<input type ="TEXT" name="street" size="75">
    <p>City:<inpu t type= "TEXT" name="city" size="20">
    State:<select name="state" SIZE=4>
    <option value="AL" SELECTED>AL
    <option value="AK">AK
    <option value="AZ">AZ
    <option value="AR">AR
    <option value="CA">CA
    <option value="CO">CO
    <option value="CT">CT
    <option value="DE">DE
    <option value="DC">DC
    <option value="FL">FL
    <option value="GA">GA
    <option value="GU">GU
    <option value="HI">HI
    <option value="ID">ID
    <option value="IL">IL
    <option value="IN">IN
    <option value="IA">IA
    <option value="KS">KS
    <option value="KY">KY
    <option value="LA">LA
    <option value="ME">ME
    <option value="MD">MD
    <option value="MA">MA
    <option value="MI">MI
    <option value="MN">MN
    <option value="MO">MO
    <option value="MT">MT
    <option value="NE">NE
    <option value="NV">NV
    <option value="NH">NH
    <option value="NJ">NJ
    <option value="NM">NM
    <option value="NY">NY
    <option value="NC">NC
    <option value="ND">ND
    <option value="OH">OH
    <option value="OK">OK
    <option value="OR">OR
    <option value="PA">PA
    <option value="PR">PR
    <option value="RI">RI
    <option value="SC">SC
    <option value="SD">SD
    <option value="TN">TN
    <option value="TX">TX
    <option value="UT">UT
    <option value="VT">VT
    <option value="VA">VA
    <option value="VI">VI
    <option value="WA">WA
    <option value="WV">WV
    <option value="WI">WI
    <option value="WY">WY
    </select>



    Zip:<input type= "TEXT" name="zip" size="10">
    <p></br>



    Widgets are $4. How many would you like?:<input type ="TEXT" name="numberof" size="3">

    <p></br>

    <input type="SUBMIT" name=senditin value="Submit Order">
    <input type="RESET" name=startitove r value="Reset Form">
    <input type="BUTTON" name=calculate value="Get your total" onClick = "return calculate()">

    </form>


    </body>


    </html>[/HTML]
    Last edited by gits; Mar 15 '08, 01:13 PM. Reason: added code tags
    Tags: None
    • gits
      Recognized Expert Moderator Expert
      • May 2007
      • 5390
      #2
      you don't refer the value correctly. either use

      [CODE=javascript]document.forms['calcOrder'].elements['numberof'].value
      [/CODE]
      or give your 'numberof'-field an id and use the following:

      [CODE=javascript]function calculate() {
      var n = document.getEle mentById('the_i d_you_gave');
      var num = parseInt(n.valu e);
      var price = 4;

      var total = price * num;

      alert("Your total is $" + total);
      return true;
      }
      [/CODE]
      kind regards

        Comment

        Previous template Next
        Working...