Learn VBA & Macros in 1 Week!

JavaScript - Variables And Html Forms

Full Excel VBA Course - Beginner to Expert

Variables And Html Forms	View Content

Currently I have the following script:-

Code:

function validate_form(){
    if(regform.reguser.value == ""){
	  alert("Please completed the selected box");
	  regform.reguser.focus();
	  return false;  
    }else if(regform.regemail.value == ""){
      alert("Please completed the selected box");
	  regform.regemail.focus();
	  return false;
	}else if(regform.regpass1.value == ""){
	  alert("Please completed the selected box");
	  regform.regpass1.focus();
	  return false;
    }else if(regform.regpass2.value == ""){
	  alert("Please completed the selected box");
      regform.regpass2.focus();	  
	  return false;
	}else{	
      return true;
	}
}

to validate a simple registration form, however I initially tried to streamline this function by cycling through an array using a loop to point to various input elements in the HTML page itself. I found that when trying to use a variable in the aforementioned if statements the javascript failed to work i.e.

Code:

var test = "reguser";
if(regform.test.value = ""){
}

I know the javascript is looking for the input element "test" instead of "reguser" but is there any way I can force it to look for the contents of the variable.

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Passing Variables Between Forms Using Url Get And Post

Using Javascript With Html Forms

Help With Javascript/html Forms

Help! - Trying To Use Javascript W/ Html Web Forms

Javascript Math With Html Forms

Utilizing Html Forms And Javascript For Data Entry

Submit Two Html Forms With One Javascript Onclick Event With Chrome

Html Forms And Client-side Validation W/ Server Data

Declaring Variables Within Html

Problems With Html/javascript Variables

Javascript Variables To Html Attribute Values

Firefox Autofill Forms Plugin - Choose Random Values For Forms

Can I Declare Javascript Variables Once And Use Them In Multiple Html Files?

Getting Variables From Php Of Iframe Back To Html And Javascripts Of Parent Window..?

Validating Forms Using If Else

Learn VBA & Macros for Excel in 1 Week!

Passing Variables Between Forms Using Url Get And Post

Similar Tutorials

Hi,

There are different ways by which values of variables can be passed between forms. One of the ways is to use the setTimeout to pass the values or data. Here the biggest advantage is we can pass data to a different site even running automatically.

I would need from someone a bit of help to pass the variable links from form1 to variable strLink in form2 using SetTimeout.

We have the following schema:

An options select menu where value of the option, sent with a submitted form, is specified with the value attribute. In the absence of a VALUE attribute, the value is the content of the option element.

Quote:
<html>
<head>
</head>
<body>
<form name="form1" method="get" >
<select name="links">
<OPTION VALUE="http://www.as.com/">El Mundo
<OPTION VALUE="http://www.atb.com.bo/">El Pais
<OPTION VALUE="http://www.cadenadial.com/">Bizgrok
<OPTION VALUE="http://www.cadenaser.com/">Eclab
<OPTION VALUE="http://elsa.berkeley.edu/">Elsa
<OPTION VALUE="http://www.caracol.com.co/">Factfinder
<OPTION VALUE="http://fairmodel.econ.yale.edu/">Fairmodel
<OPTION VALUE="http://www.cincodias.com/">Village
<OPTION VALUE="http://www.continental.com.ar/">Levine
<OPTION VALUE="http://www.literature.org/">Literature.org
<OPTION VALUE="http://www.literatura.org/Gusman/frasquito.html">Frasquito
<OPTION VALUE="http://www.literatura.org/Gusman/villa1.html">Villa
<OPTION VALUE="http://www.literatura.org/Gusman/lgcrific.html">Mapa
<OPTION VALUE="http://www.literatura.org/Gusman/lgcrific.html">Mapa
</select>
</form>

Timing events. We are executing some code after a specified time-interval.

Quote:
<script>
setTimeout('document.form1.links.value = document.form2.strLink.value',2000);
</script>

You can see in the below case the values can be posted to another form.

Quote:

<form name=form2 method=post action="convertx.asp">
<input type="text" name="strLink">
<input type="submit" name="btnSubmit" value="Show">
</form>
By post method of form submission we can automatically send more number or length of data using SetTimeout.

Quote:
<script type="text/javascript" language="JavaScript">
btnsubmit = document.form2.submit();
setTimeout('btnsubmit',2000);
</script>

Quote:
</body>
</html>

Any help will be much appreciated!

Just he!

Using Javascript With Html Forms

Similar Tutorials

I just have a quick question....

Is it possible to use Javascript to set the name of a tag to be the tag's id?

For example, something like this:
Code:

<input type="text" id="textInput" name="this.id">

The example code above doesn't work. The reason I'm asking is because I have a complex form that uses Javascript to change ids a lot (the input fields are dynamically created). When I was coding the form I completely overlooked the fact I need to use the name tag to process it with PHP. (to enter it into a mysql database) It'd be a pain to have to go through all my javascript and change the name where ever I change the ids. If need be, I'll do this, but I'm just looking for an easier way.

Thanks in advance!

Help With Javascript/html Forms

Similar Tutorials

hey guys, just wondering if u could help me out i'm writing a form for ordering pizza and i'm using a button to submit the info with an onclick event handler.
for some reason it won't call the function that i want it to when the submit button is click. here is the code any idea what i'm doing wrong????

<html>
<body>

<form name="form1" action="popup" method="get">
<fieldset>
<legend>Pizza Order form</legend>
<p>Write in a First name</P>

<input type="text" size="20" maxlength="50" name="firstName"></p>
<p>Write in a last name (or surname):<br>

<input type="text" size="20" maxlength="50" name="surName"></p>
<p>Write in an email address:<br>

<input type="text" size ="20" maxlegth="50 name="address">
<p>Are you a previous customer?:<br>
<select name="precust">
<option selected>- - - - - - Select one - - - - - -</option>

<option value="Yes">Yes</option>
<option value="No">No</option>

</select></p>

<p>pickup or delivery:<br>
<select name="delivery">
<option selected>- - - - - - Select one - - - - - -</option>

<option value="pickup">pickup</option>
<option value="dilivery">delivery</option>

</select></p>

<p>size:<br>
<select name="size">
<option selected>- - - - - - Select one - - - - - -</option>

<option value="small">small</option>
<option value="medium">medium</option>
<option value="large">large</option>
<option value="XL">extra large</option>

</select></p>

<p>number of pizzas:<br>
<select name="num">
<option selected>- - - - - - Select one - - - - - -</option>

<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>

<option value="10">10</option>

</select></p>

<p>Toppings:<br>
Bacon <input type="checkbox" name="bacon" value="bacon"><br>

extra cheese <input type="checkbox" name="xcheese" value="extra cheese"><br>

olives<input type="checkbox" name="olives" value="olives"><br>

pepperoni<input type="checkbox" name="pepperoni" value="pepperoni"><br>

mushrooms<input type="checkbox" name="mushrooms" value="mushrooms"><br>

green pepper<input type="checkbox" name="gpepper" value="green pepper"><br>

red pepper<input type="checkbox" name="rpepper" value="redpepper"><br>

sausage <input type="checkbox" name="sausage" value="sausage"><br>

ham<input type="checkbox" name="ham" value="ham"><br>

pineapple<input type="checkbox" name="pineapple" value="pineapple"><br><br>

<input type=button name="hawaiian" value="hawaiian" onclick='
document.form1.ham.checked = true;
document.form1.mushrooms.checked = true;
document.form1.pineapple.checked = true;
document.form1.bacon.checked = false;
document.form1.gpepper.checked = false;
document.form1.rpepper.checked = false;
document.form1.olives.checked = false;
document.form1.pepperoni.checked = false;
document.form1.sausage.checked = false;
document.form1.xchees.checked = false;
'>

<input type=button name="meatlovers" value="meatlovers" onclick='
document.form1.ham.checked = false;
document.form1.mushrooms.checked = false;
document.form1.pineapple.checked = true;
document.form1.bacon.checked = false;
document.form1.gpepper.checked = true;
document.form1.rpepper.checked = true;
document.form1.olives.checked = true;
document.form1.pepperoni.checked = false;
document.form1.sausage.checked = false;
document.form1.xcheese.checked = false;
'>
<input type=button name="vegetarian" value="vegetarian" onclick='
document.form1.ham.checked = true;
document.form1.mushrooms.checked = false;
document.form1.pineapple.checked = false;
document.form1.bacon.checked = true;
document.form1.gpepper.checked = false;
document.form1.rpepper.checked = false;
document.form1.olives = "unchecked"
document.form1.pepperoni.checked = true;
document.form1.sausage.checked = true;
document.form1.xcheese.checked = false'>

<p><input type=button name="submit" value="Submit" onclick='submit()'></p>
</fieldset>
</form>

<script type="text/javascript" language="Javascript" >

function submit()
{
var fname = document.form1.firstname.value;
var lname = document.form1.surname.value;
var address = document.form1.address.value;
var size = document.form1.size.value;
var num = document.form1.num.value;
var delivery = document.form1.delivery.value;
var precust = document.form1.precust.value;

var price;
var message;

if(document.form1.size.value == "small"){price=5}
if(document.form1.size.value == "medium"){price=8}
if(document.form1.size.value == "large"){price=10}
if(document.form1.size.value == "XL"){price=13}

price = price * num;

if(document.form1.precust.value == "yes"){price=price*0.9}

if(document.form1.delivery.value == "delivery"){price=price+4}

message = "Thank you " + fname + " " + lname;

message += "You ordered " + document.form1.num.value + " " + document.form1.size.value + " pizzas. ";

message += "Your total price is $" + price;

var r=confirm(message);// displays the message in a pop-up

return(1);

}
</script>

</html>

Help! - Trying To Use Javascript W/ Html Web Forms

Similar Tutorials

Hey guys,

I use a newsletter service called Aweber to handle my blog's subscription service. What I have right now is a simple HTML form that I can have pass its variables through to a thank you page, so I can add customization there.

The web form looks like this:
Name: ________________
Email: ________________
Choose a free gift!: drop down list with "gift1" "gift2" or "gift3" as the choices.

When a user submits the form, it will bring them to a custom thank you page, which I have made as "thank-you.php".

On the "thank you" page, there is a javascript code that was given by Aweber which basically loads up all the variables... you can then CALL all of the variables in the page like this:
<script type="text/javascript">formData.display("name")</script>

==========================

So what's my question? I wanted there to be a display on the bottom that would allow users to download a different gift based on whether they chose gift 1, 2 or 3. I would also love to have there be an image of the ebook next to the download link depending on which book they chose.

Is there a way I can pass variables through into an html <img> tag? (i.e. src="http://www.website.com/formData.display("gift").jpg" ... or something like that). Building off this, how would I generate a different download link based on the choice they made in the web form? (i.e. <a href="http://www.website.com/formData.display("gift").pdf"> or similar)

Hopefully this all makes sense, let me know if you can help!

Javascript Math With Html Forms

Similar Tutorials

Hello everyone at CodingForums!
This is my first post on this site and I would really appreciate any help I can get,

First off, all I am trying to do is have someone enter one value into a field then another value into the second field, then have javascript subtract those numbers. This is my first time trying to do something on my own without tutorial help, so I am for the most part just stumbling in the dark.

here is what I have thus far:
Code:

<script type="text/javascript">
<!--
var lastMonth;
var thisMonth;

function diff(form)
	{
	var difference;
	difference = lastMonth - thisMonth;
	form.Fdiff.value = difference;
	}

	
	
function SetLast(usuage)
{
lastMonth = usuage.value;
}

function SetThis(usuage2)
{
thisMonth = usuage2.value;
}

	// -->
</script>

<center>
<form method="post">
<TABLE border=3>
<tr>
<tr>
<td><p>Last Months <br /> Usuage</p></td>
<td><p>This Months <br /> Usuage</p></td>
<td><p>Difference</p></td>
<TD><INPUT TYPE=BUTTON ONCLICK="diff(this.form)" VALUE="Calculate"></TD>

</tr>
<tr>
</tr>
<td><p><input type=text name=lastMonth size="4" onchange="SetLast(usuage)"></p></td>
<td><p><input type=text name=thisMonth size="4" onchange="SetThis(usuage2)"></p></td>
<td><p><INPUT TYPE=text NAME="Fdiff" VALUE="" SIZE="6"></p></TD>
<TD><p></p></tr>
</tr>
</tr>
</table>
</form>
</center>


</center>

I'm going off of the code found at this site "http://www.javascriptkit.com/script/cut141.shtml" for a calorie counter.

the way the code is now, I get a NaN in the difference box.

Again, I would appropriate ANY help and guidance you guys could provide.

Thanks

Utilizing Html Forms And Javascript For Data Entry

Similar Tutorials

Hello folks! This is my first time posting here, and I am relatively new to JavaScript.

I have come in need of assistance in guiding me in the right direction. My intentions are to create a web-based page where one can select from a few drop down menu's, and enter a few select pieces of information. This information would then be logged for later purposes, when the user chooses to retrieve this information (during the initial usage, no long term storage) in the format of a report.

Would anyone have sources to similar coded applications, or any ideas of the directions I can go in for further assistance. I have at this point been utilizing the W3 website to learn.

Thanks a ton!

Html Variables

Similar Tutorials

can anyone tell me why this doesn't work please:

<html>
<head>
</head>
<body>
<input type="hidden" name="ba1r1c1" value="hello">
<script language="text/javascript">
ba1r1c1.value = "goodbye";
document.write(ba1r1c1.value);
</script>
</body>
</html>

thanks

Submit Two Html Forms With One Javascript Onclick Event With Chrome

Similar Tutorials

I have a web page with two forms, when I click the button on one of the forms, the onclick event goes to a javascript that emails the first form and then the second form. This is correct, this is the way I want this to work. It's simple, it's easy, it works!
However, it only works in FireFox and Internet Explorer, it will not work in Google Chrome browser.
I've spent many hours trying lots of various ways to implement this so I'm not interested in speculating about possible solutions that might work, I've already tried too many of those.
Also, it needs to work this way, not combining the forms, etc.
Does anyone have any tried and tested solutions that work with Chrome?
Thanks, in advance, for your expert advice. I know I can always rely on EE when all else fails. I know somebody here can solve this problem.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  </head>
  <body>
<form id="NameForm" method="post" action="mailto:yourFirstemail@email.com">
Name: <input type="text" size="10" name="name"> <br />
<input onclick=functionCaller() type="button" value="Submit Two Forms"> 
</form>

<form id="AddressForm" name="DComments" method="post" action="mailto:yourSecondemail@email.com">
Address: <input type="text" size="10" name="address"> <br />
</form>
<script type="text/javascript">
<!--
function functionCaller()
{
document.getElementById('NameForm').submit();
document.getElementById('AddressForm').submit();
}
-->
</script>
</body>
</html>

Html Forms And Client-side Validation W/ Server Data

Similar Tutorials

I know that Javascript is client side, but I'd like to know the best way to populate HTML drop downs in real time based on information typed in the other HTML form fields with information found on the server as opposed to the client.

For instance if a user wants to select certain files located in a directory on the server, as they type in the pathname supposedly containing the files the drop downs continually refresh themselves with the server files listed in that directory (if it exists, and apache has permissions to see what's inside) as if it was showing client files instead.

What would be nice is if my browser could continually query the server for some of its private information and not have to refresh itself to obtain it, whether that means the server-side would have to continually refresh itself makes no difference to me as long as the client-side doesn't have to. But I guess this is not possible because no matter what you would have to at least refresh the client-side page once?

Submitting the form to a CGI or PHP script would not work because I need this functionality to help populate the form BEFORE I send it.

I would like to not have to press a button to update the form every time I change the pathname and need to update the drop downs since this would be annoying.

I'm open to anything that could do this or something similar not just Javascript. I'm not sure if you could accomplish this by converting the HTML page to CGI/PHP and having it continually reload itself without refreshing the page?

I'm not worried about any security risks this may pose because:
1) The server is located on company intranet which is firewalled
2) I could always password protect and encrypt all transmissions, making sure only authorized users use the app

Declaring Variables Within Html

Similar Tutorials

Hi all,

Rookie (extremely) programmer here, so be gentle

Trying to build a little tool here..

Code:

<html>
<body>


Artist ID: <input type=TEXT id=ArtistID name= ArtistID value="Artist ID">
<SELECT>
        <OPTION value="http://URL.com/EditUser/"ArtistID.value".html">Edit User</OPTION>
	<OPTION value="http://URL.com/EditArtist/"ArtistID.value".html">Edit Artist</OPTION>
	<OPTION value="http://URL.com/Subscruptions/"ArtistID.value".html">Subscriptions</OPTION>
	<OPTION value="http://URL.com/ControlRoom/"ArtistID.value".html">Control Room</OPTION>
</SELECT>
<input type="submit" value="Chyeah">


</body>
</html>

Yeah. Like I said. Rookie.

I'm trying to save the input and pass it into the URLs that are the option values. So Artist ID being 111 would take you to url.com/<WHATEVER OPTION YOU CHOSE FROM DROP DOWN>/111

What am I doing wrong/What am I not doing?

ps if this is in the wrong forum, sorry! Feel free to move it. Couldn't decide if this should go in DOM forum or not (probably bc I don't know what DOM is!)

Problems With Html/javascript Variables

Similar Tutorials

I cant figure out how to get the value of a name inputed in HTML into the following script...

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="created" content="Sat, 10 Sep 2011 19:40:31 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Enter golfers name</title>

<SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="script1.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">

function GetPage(){
document.write("OK")
<!-- var fullname = "david park"
var lab = "";
var result = fullname.toUpperCase();
var word=result.split(" ");
fname = word[0]
lname = word[1]
alpha = lname.slice(0,1);
lab = fname.concat("_")
lab = lab.concat(lname)
if(word[2]){
ext = word[2]
lab = lab.concat("_")
lab = lab.concat(ext)
}
var intro = "./Stats_";
page = intro.concat(alpha);
page = page.concat("_golfers.html#");
page = page.concat(lab)
document.write(page)

<!-- window.location.pathname = page
}
</script>
</head>
<body>
<center>
<form action="form_action.asp" method="get">
You can enter the golfersname or select him from the above list.<br><br>
<input type="text" name="fullname" />
<button type="submit" onclick="GetPage()">GO</button>

</form>
</center>
<BR><BR><BR>
This is the end
</body>
</html>

Javascript Variables To Html Attribute Values

Similar Tutorials

so i have a navigation bar and instead of clicking on it to another page on the site where everything reloads again i want it to just reload the content area, so i have 5 tables of content each representing a different page and i just want it this way so i can implement something else that doesnt have anything to do with this

Code:

<script type="text/javascript">
var page = 1;

function setPage1()
	{
		page = 1;
	}
function setPage2()
	{
		page = 2;
	}
function setPage3()
	{
		page = 3;
	}
function setPage4()
	{
		page = 4;
	}
function setPage5()
	{
		page = 5;
	}

function setBlank1(x)
{
	if (page==1)
		{
			x.class="content";
		}
	else
		{
			x.class="blank";
		}
}

function setBlank2(x)
{
	if (page==2)
		{
			x.class="content";
		}
	else
		{
			x.class="blank";
		}
}

function setBlank3(x)
{
	if (page==3)
		{
			x.class="content";
		}
	else
		{
			x.class="blank";
		}
}

function setBlank4(x)
{
	if (page==4)
		{
			x.class="content";
		}
	else
		{
			x.class="blank";
		}
}
function setBlank5(x)
{
	if (page==5)
		{
			x.class="content";
		}
	else
		{
			x.class="blank";
		}
}

this is my javascript so whats supposed to happen is when someone clicks a link on the nav bar it sets the page to that value so only that value is showing. i put the functions setPage1-5 in class="setPage1(this)" according to what content area they go too

Code:

table.blank {
	display: none;

that is my blank class attribute so its not there but its loaded

please ask me any questions and sugest anything im not a javascript expert or anything of that sort but ive been looking this over for a couple days now and i cant find anything online either

Firefox Autofill Forms Plugin - Choose Random Values For Forms

Similar Tutorials

I'm using the autofill forms plugin for firefox which can be found he

https://addons.mozilla.org/en-US/firefox/addon/4775

I use it to automatically fill various web forms, duh. But I would like certain values to be chosend randomly from a list I create.

I contacted the developer and he said the add on probably does not need a new feature because there is a 'dynamic tags' function to fill certain forms with dynamic values (e.g. the current time or date). He has given over the project to another developer and told me I probably would find a solution in a good javascript programming forum.

So here I am! Can anyone help me with this? Basically, I just need a javascript code which chooses on item from an array randomly, I guess? I'm not a programmer myself, so any help would be greatly (!) appreciated.

Thanks a lot in advance for any further guidance!

Note: Here are sample dynamic tags from the plugin:

<datetime> new Date().toLocaleString()
<useragent> navigator.userAgent
<langcode> navigator.language
<resolution> screen.width+'x'+screen.height
<clipboard> this.getClipboardText()

Can I Declare Javascript Variables Once And Use Them In Multiple Html Files?

Similar Tutorials

I have been working on a few budget scripts that I can access from the web in using HTML. My problem is that when variable values change I need to change these values in all of the HTML files on the server. I know that there is a way to declare global variables in a single file and use those values in another file but I have not been able to find any information that tells me exactly how to do this. I have tried to put it together on my own using what little informaiton I have been able to find but have not been able to get this to work. Is there a more detailed referance that I can find somewhere or does anyone know what steps I need to take to make this happen?

Getting Variables From Php Of Iframe Back To Html And Javascripts Of Parent Window..?

Similar Tutorials

I have an HTML page that is making use of JQUERY and many other JQUERY plugins. Inside this HTML page there are 2 different types of iFrames that display PHP forms. One is a normal iFrame:

Code:

<iframe height="740" allowTransparency="true" frameborder="0" scrolling="auto" style="width:100%;border:none;overflow-x:hidden" src="https://www.website.com/machform/embed.php?id=9" title="Contact Us"><a href="https://www.website.com/machform/view.php?id=9" title="Contact Us">Contact Us</a></iframe>

The other makes use of a JQUERY plugin called Shadowbox:

Code:

<a href="https://www.website.com/machform/embed.php?id=8" rel="shadowbox;width=1100;height=950;player=iframe" class="button1"><span></span><strong>Click Here</strong></a>

Inside these iFrames are PHP forms from a PHP form application called MachForm, which is highly customizable.

Here are the questions. Ultimately, I want to accomplish 2 things:

1. I would like to send variable information from the PHP form in the iFrame to my HTML page, to be displayed within javascripts. For example: If someone fills out a PHP form in my iFrame and clicks submit, I want to have a JQUERY popup say, "Thank you, [NAME]".

2. When the user submits the form, the action of clicking the submit button in the PHP form should enable #1, above. There needs to be a way to tell the HTML/Javascript that the submit button on the PHP form in the iFrame has been clicked.

I realize this is all fairly vague, especially without the addition of more code. However, I am not even sure if I am posting this in the correct forum, since it incorporates a little of several languages and styles. From this point any direction or idea would be very helpful!

Forms.

Similar Tutorials

Hi , I want to make few forms but 1 submit button.
I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
how I can so that?
thanks , Mor.

Forms

Similar Tutorials

Okay well here is my code. i want to mkae it so the functions add together to get a total price, i need some help

Code:

<html> 
<head> 
</head> 
<script type="text/javascript"> 

function addit(){ 
  if(document.getElementById("add").value=="0") 
    { 
        document.getElementById("amount").value="$0.00" 
    } 
    if(document.getElementById("add").value=="1") 
    { 
        document.getElementById("amount").value="$5.00" 
    } 
    if(document.getElementById("add").value=="2") 
    { 
        document.getElementById("amount").value="$10.00" 
    } 
    if(document.getElementById("add").value=="3") 
    { 
        document.getElementById("amount").value="$15.00" 
    } 
	
} 
function addit2(){
	 if(document.getElementById("add2").value=="4") 
    { 
        document.getElementById("amount").value="$30.00" 
    } 
	 if(document.getElementById("add2").value=="5") 
    { 
        document.getElementById("amount").value="$40.00" 
    } 
	
}
</script> 
<body> 
<table class="comparison pricing-email" border="0" cellspacing="1" cellpadding="0" width="30%"> 
<tbody> 
<tr class="row1"> 
<td class="col1">Choose # of EMAIL accounts: &nbsp; 
<select style="width: 60px; font-size: 17px;" name="add" id="add" onChange="addit()"> 
<option value="0"> </option> 
<option value="1">1</option> 
<option value="2">3</option> 
<option value="3">6</option> 
</select> 
</td> 
</tr> 
<tr class="row2"> 
<td class="col2">Choose # of EMAIL accounts: &nbsp; 
<select style="width: 60px; font-size: 17px;" name="add" id="add2" onChange="addit2()"> 
<option value="0"> </option> 
<option value="4">44</option> 
<option value="5">43</option> 
<option value="3">342</option> 
</select> 
</td> 
</tr> 

<tr class="row1"> 
<td class="col1">Total Price: <input type="text" id="amount" value="" style="border:none; font-size:13pt;"></td> 
</tr><tr> 
<td> 
<input type="submit" name="submit" value="Sign-Up"> 
</td> 
</tr> 
</tbody> 
</table> 
</form> 
</body>

2 Forms?

Similar Tutorials

Forgive me if this isn't in the right spot.

I'm new at php and java so bear with me.

I have small form I found and modified. This works as I wanted it to.
Code:

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function solveALK(form) {
var alkalinity = eval(form.alkalinity.value);
var alkneeds = eval(form.alkneeds.value);

var change = (alkneeds) - (alkalinity);
var add1 = (change) / (10) * (0.075) * (1.5) * (16);
var add2 = (add1) / (16);


form.alkchange.value = change;
form.addoz.value = add1;
form.addlbs.value = add2;
}
//  End -->
</script>
</HEAD>

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

<BODY>

<center>

<table>
<tr><td>
</td>
</tr>
</table>

<form method=post name=alkform>
<table border=4>

<tr>
<td align=center>
Alkalinity
</td>
<td align=center>
<input type=text name=alkalinity size=3>
</td>
<td align=center>
Needs to be:
</td>
<td align=center>
<input type=text name=alkneeds size=3>
</td>
</tr>
<tr>
<td align=center>
Change required:
</td>
<td colspan=3 align=center>
<input type=text name=alkchange size=3>
</td>
</tr>
<tr>
<td align=center>
Add this amount
</td>
<td colspan=3 align=center>
<input type=text name=addoz size=3>oz
</td>
</tr>
<tr>
<td align=center>
Add this amount
</td>
<td colspan=3 align=center>
<input type=text name=addlbs size=3>lbs
</td>
</tr>
<tr>
<td colspan=4 align=center>
<input type=button name=alk value="Calculate" onClick="javascript:solveALK(this.form)">
</td>
</tr>
</table>

</form>
</center>

However when I put this into my php file, When I add my 2 figures to the input boxes. and click the calculate button, I get a NaN.
I'm thinking it might be because I have 2 forms on my php page.
One area of the page will update the database while this one would just calculate some figures.

Here's the php page that doesn't seem to work.
Code:

<html>
  <head>
  <link rel="stylesheet" type="text/css" href="../style1.css" />
  <title>Pool Log Report</title>
  
<SCRIPT LANGUAGE="JavaScript">
<!-- Chemical calulations -->

<!-- Begin
function solveALK(form) {
var alkalinity = eval(form.alkalinity.value);
var alkneeds = eval(form.alkneeds.value);

var change = (alkneeds) - (alkalinity);
var add1 = (change) / (10) * (0.075) * (1.5) * (16);
var add2 = (add1) / (16);


form.alkchange.value = change;
form.addoz.value = add1;
form.addlbs.value = add2;
}
//  End -->
</script> 
  </head>
  <body class="body">
  <center>
<table class="main1">
<?php
include("update_header.php");
?>

<form action="updated.php" method="post" name="FormName"> 
<tr>
    <td class="main2"><input id="Dayid" name="Dayid" type="text" size="1" value="<?php echo $Dayid ?>" maxlength="2" readonly></td>
    <td class="main3">&nbsp;</td>
    <td class="main3"><input id="patron_loading_max" name="patron_loading_max" type="text" size="1" value="<?php echo $patron_loading_max ?>" maxlength="2"></td>
    <td class="main3"><input id="patron_loading_24hr" name="patron_loading_24hr" type="text" size="1" value="<?php echo $patron_loading_24hr ?>" maxlength="2"></td>
    <td class="main3"><input id="water_clearity__clear" name="water_clearity__clear" type="checkbox" <?php if ($water_clearity__clear == "X") { echo "checked";} ?> value="X"></td>
    <td class="main3"><input id="water_clearity__turbid" name="water_clearity__turbid" type="checkbox" <?php if ($water_clearity__turbid == "X") { echo "checked";} ?> value="X"></td>
    <td class="main3"><input id="water_temp" name="water_temp" type="text" size="1" value="<?php echo $water_temp ?>" maxlength="3"></td>
    <td class="main3"><input id="psi" name="psi" type="text" size="1" value="<?php echo $psi ?>" maxlength="3"></td>
    <td class="main3"><input id="gpm" name="gpm" type="text" size="1" value="<?php echo $gpm ?>" maxlength="3"></td>
    <td class="main3"><input id="drain_back" name="drain_back" type="text" size="1" value="<?php echo $drain_back ?>" maxlength="5"></td>
    <td class="main3"><input id="chlorine_am1" name="chlorine_am1" type="text" size="1" value="<?php echo $chlorine_am1 ?>" maxlength="5"></td>
    <td class="main3"><input id="chlorine_am2" name="chlorine_am2" type="text" size="1" value="<?php echo $chlorine_am2 ?>" maxlength="5"></td>
    <td class="main3"><input id="ph_am1" name="ph_am1" type="text" size="1" value="<?php echo $ph_am1 ?>" maxlength="5"></td>
    <td class="main3"><input id="ph_am2" name="ph_am2" type="text" size="1" value="<?php echo $ph_am2 ?>" maxlength="5"></td>
    <td class="main3"><input id="chlorine_pm1" name="chlorine_pm1" type="text" size="1" value="<?php echo $chlorine_pm1 ?>" maxlength="5"></td>
    <td class="main3"><input id="chlorine_pm2" name="chlorine_pm2" type="text" size="1" value="<?php echo $chlorine_pm2 ?>" maxlength="5"></td>
    <td class="main3"><input id="ph_pm1" name="ph_pm1" type="text" size="1" value="<?php echo $ph_pm1 ?>" maxlength="5"></td>
    <td class="main3"><input id="ph_pm2" name="ph_pm2" type="text" size="1" value="<?php echo $ph_pm2 ?>" maxlength="5"></td>    
    <td class="main3"><input id="combined_chl" name="combined_chl" type="text" size="1" value="<?php echo $combined_chl ?>" maxlength="4"></td>
    <td class="main3"><input id="alkalinity" name="alkalinity" type="text" size="1" value="<?php echo $alkalinity ?>" maxlength="3"></td>
    <td class="main3"><input id="chemicals_add" name="chemicals_add" type="text" size="1" value="<?php echo $chemicals_add ?>" maxlength="55"></td>
    <td class="main3"><input id="chemicals_qty" name="chemicals_qty" type="text" size="1" value="<?php echo $chemicals_qty ?>" maxlength="55"></td>
    <td class="main3"><input id="super_oxidation" name="super_oxidation" type="text" size="1" value="<?php echo $super_oxidation ?>" maxlength="3"></td>
    <td class="main4" class="main3">&nbsp;</td>
</tr>
<tr>
    <td class="main4" colspan="24">&nbsp;</td>
</tr>    
<form method=post name=alkform>
<tr>
    <td class="main2" colspan="3">&nbsp;</td>
    <td class="main2" colspan="5"><b>Whirlpool Calculations</b></td>
    <td class="main2" colspan="5">&nbsp;</td>
    <td class="main2" colspan="5"><b>Chlorine Shocking</b></td>
    <td class="main2" colspan="2"><b>FAS-DPD</b></td>
    <td class="main2" colspan="3"><b>Chlorine No-Shock</b></td>
    <td class="main2">&nbsp;</td>
</tr>
<tr>
    <td class="main4" rowspan="3" colspan="3">&nbsp;</td>
    <td class="main2" colspan="2">Alkalinity</td>
    <td class="main2"><input type=text name=alkalinity size=3></td>
    <td class="main2" colspan="2">&nbsp;</td>
    <td class="main2" colspan="2">Calcium</td>
    <td class="main2"><input id="Calcium" name="Calcium" type="text" size="1" value="<?php echo $Calcium ?>" maxlength="3"></td>
    <td class="main2" colspan="2">&nbsp;</td>
    <td class="main2" colspan="3">Drops</td>
    <td class="main2"><input id="R0871_drops" name="R0871_drops" type="text" size="1" value="<?php echo $R0871_drops ?>" maxlength="3"></td>
    <td class="main2" colspan="2">Breakpoint</td>
    <td class="main2"><?php echo $Breakpoint ?></td>
    <td class="main2" colspan="2">Needs to be:</td>
    <td class="main2"><input id="Chl_Needs" name="Chl_Needs" type="text" size="1" value="<?php echo $Chl_Needs ?>" maxlength="3"></td>
    <td class="main4" rowspan="3">&nbsp;</td>
</tr>
<tr>
    <td class="main2" colspan="2">Needs to be:</td>
    <td class="main2"><input type=text name=alkneeds size=3></td>
    <td class="main2">Change:</td>
    <td class="main2"><input type=text name=alkchange size=3></td>
    <td class="main2" colspan="2">Needs to be:</td>
    <td class="main2"><input id="Cal_Needs" name="Cal_Needs" type="text" size="1" value="<?php echo $Cal_Needs ?>" maxlength="3"></td>
    <td class="main2"">Change:</td>
    <td class="main2"><?php echo $Cal_Change ?></td>
    <td class="main2" colspan="3">Free Chl</td>
    <td class="main2"><?php echo $Free_Chl ?></td>
    <td class="main2">ppm</td>
    <td class="main2" colspan="2">Amt to shock</td>
    <td class="main2" colspan="2">Change Required</td>
    <td class="main2"><input id="Chl_Change" name="Chl_Change" type="text" size="1" value="<?php echo $Chl_Change ?>" maxlength="3" readonly></td>

</tr>
<tr>
    <td class="main2" colspan="3">Add Sodium BiCarb</td>
    <td class="main2"><input type=text name=addoz size=3></td>
    <td class="main2">Oz</td>
    <td class="main2" colspan="3">Add Calcium</td>
    <td class="main2"><?php echo $Cal_Add_oz ?></td>
    <td class="main2">Oz</td>
    <td class="main2" colspan="3">Drops</td>
    <td class="main2"><input id="R0003_drops" name="R0003_drops" type="text" size="1" value="<?php echo $R0003_drops ?>" maxlength="3"></td>
    <td class="main2">&nbsp;</td>
    <td class="main2"><?php echo $AmtShk_oz ?></td>
    <td class="main2">oz</td>
    <td class="main2" colspan="2">Add this in oz</td>
    <td class="main2"><input id="Chl_Add" name="Chl_Add" type="text" size="1" value="<?php echo $Chl_Add ?>" maxlength="3"></td>
</tr>
<tr>
    <td class="main4" colspan="6">&nbsp;</td>
    <td class="main2"><input type=text name=addlbs size=3></td>        
    <td class="main2">Lbs</td>
    <td class="main2" colspan="3">&nbsp;</td>
    <td class="main2"><?php echo $Cal_Add_lbs ?></td>
    <td class="main2">Lbs</td>
    <td class="main2" colspan="3">Combined Chl</td>
    <td class="main2"><?php echo $Comb_Chl ?></td>
    <td class="main2">ppm</td>
    <td class="main2"><?php echo" ".number_format($AmtShk_gal,2); ?></td>
    <td class="main2">Gal</td>
    <td class="main4" colspan="6">&nbsp;</td>
</tr>
<tr>
    <td colspan="24" align="center" class="main2">Make your changes and click the update button below.</td>
</tr>
<tr>     
     <td colspan="24" align="center" class="main2"><input type=button name=alk value="Calculate" onClick="javascript:solveALK(this.form)"></form> <input type="button" value="Update" onclick="this.form.action='updated.php'; this.form.submit();"><input type="hidden" name="id" value="id">  <INPUT TYPE="button" VALUE="Back" onClick="history.go(-1);return true;"></td>
                                                       
</tr>
</table>
</form>
</center>

If I am correct that I need to separate the forms. How do I do so? Or am I going about this wrong?

Forms

Similar Tutorials

Hello,

I have a tricky one here. What I have is a form where the user would enter in their food recipe. There is nothing clever in that until I need them to enter in the ingredients and the quantity into 2 seperate fields. The issue is that I don't know how many different ingredients there would be for the recipe so from within the form before the record is saved I need them to be able to fill out the 2 fields as many times as they need to (pressing a button each time) and I would have thought for the data to be held in a javascript array that i could then write away into the mysql table?

I probably haven't made much sense.

Can anyone help?

Validating Forms Using If Else

Similar Tutorials