JavaScript - Form Not Going To Thank You Page

Hello,

First off thank you for looking at my post. Please forgive me if I do something incorrectly here. I have never posted in a forum before.
You are very kind to assist me in this problem.

I wish to send the javascript calculated value in a form from one page to another page form. I just need the one value sent. The value is "answer: in the code below. I would like to send it to a form page called "answer.html"

I am not a computer person, and I am doing this in frontpage. I do not know how to write java or anything, I just copied this from a free script site and am trying to use it.

Thank you once again for your kindness and patience with me. Thanks to all you experts!

Michael

here is the code I have.
---------------------------------------------

Code:

<table cellspacing=0 width=427 
   height=1 bgcolor="#FFFFFF" style="border-collapse: collapse" cellpadding="0" border="0">
  <tr>
    <td width="634" nowrap height="1"> 

<script language="JavaScript">
function findcalculatorcalculate(form) {
a = form.debt.value - 0;
b = form.faith.value - 0;
d = a / b;
form.answer.value = Math.round (d);
}</script>


                <p align="right" style="margin-left: 3; margin-right: 5"></p>
                <form name="form" style=" margin-right: 5; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" action="--WEBBOT-SELF--" method="POST">
                  <p align="right">
                  <font style="font-size: 11pt; font-weight:700">Input amount <input class="regfont" size="13" type="text" name="debt"></font><span style="font-size: 11pt; font-weight:700"> <br>
                  divide by
                  </span><font style="font-size: 11pt; font-weight:700"><input class="regfont" size="6" type="text" name="faith"></font><br>
                  <b><font color="#FF0000" size="5">&nbsp;</font></b><font style="font-size: 11pt"><input onclick="findcalculatorcalculate(this.form)" value="CLICK HERE TO CALCULATE" type="button" style="border-style:solid; border-width:2; font-weight: bold; font-family:Arial"><br>
                  <b>ANSWER</b>
                  </font></font>
<INPUT NAME="answer" SIZE="5" VALUE=""><br>
<INPUT TYPE="BUTTON" onClick="nextpage()" VALUE="Go to the next page"></p>
                  </p>
                  </form>
    </td>
  </tr>
  </table>
<p align="right" style="margin-left: 3; margin-right: 5">I would like ANSWER 
field to 
pre populate the calculated amount on the second page titled &quot;answer.html&quot; THANK 
YOU!</p>

------------------------
Thank you again for helping me in plain language because I do not have the skills that all of you do.

I am running into a problem, that no one else in the world seems to have. When I make a form and submit the page is refreshed, or rather redirected to a state with the values filled after the ? (i.e. http://localhost/comp-267/lab15.html -> http://localhost/comp-267/lab15.html?cardNUm=).

I have found solutions that have worked for other people, none of them work for me. I have tested my forms on multiple browsers on multiple systems and the problem persists.

Here is one example of my code where this happens.
Code:

<script type="text/javascript">

function checkCC(myForm)
{
	var ccType;
	var ccLength;
	var ccNum = myForm.cardNum.value; 
	if (myForm.cardType.selectedIndex == 0)
	{
		ccType = "Visa";
	}
	
	else if (myForm.cardType.selectedIndex == 1)
	{
		ccType = "MasterCard"
	}
	
	else if (myForm.cardType.selectedIndex == 2)
	{
		ccType = "AmericanExpress"
	}
	
	 switch(ccType)
    {
		case "Visa":
        	valid = /^4[0-9]{12}(?:[0-9]{3})?$/;
			
			if (valid.test(myForm.cardNum.value))
			{
				alert("This is a Valid Visa Card");
				return true;
			}
			
			else
			{
				alert("This Card Number is Invalid For Visa");
				return false;
			}
        	break;
		
      	case "MasterCard":
        	  	valid = /^5[1-5][0-9]{14}$/;
			
			if (valid.test(myForm.cardNum.value))
			{
				alert("This is a Valid MasterCard Card");
			}
			
			else
			{
				alert("This Card Number is Invalid For MasterCard");
			}
        	break;

      	case "AmericanExpress":
        	valid = /^3[47][0-9]{13}$/;
			
			if (!valid.test(myForm.cardNum.value))
			{
				alert("This is a Valid American Express Card");
				return true;
			}
			
			else
			{
				alert("This Card Number is Invalid For American Express");
				return false;
			}
        	break;

      	default:
        	valid = /^$/;
        	alert("Card type not found");
			return false;
    }
}
</script>
</head>

<body>

<h1>Credit Card Validator</h1>
<form name="creditCard" onsubmit="return checkCC(this)">

<span class="labels">Card Type:</span>
<select name="cardType" size="3">
	<option name="visa">Visa</option>
    <option name="mc">Master Card</option>
    <option name="amex">American Express</option>
</select>
<br />
<span class="labels">Card Number:</span>
<input name="cardNUm" type="text" size=30 value="" />
<br />
<br />
<input type="submit" value="Death to All" 
style="background-color:#666666 !important; border:thick groove !important; border-color:#333333 !important"
onclick="javascript:return checkCC(this.form)" />
</form>

</body>
</html>

you can find the page he
Form Example

How do I get this to not happen? I've tried almost every fix I could find that worked for other people none have worked for me.

hello everybody, I need help about, I need to change the result to opening a url page.
This script results in a value and I need the result to be open a url page. Can anyone help me??

<SCRIPT language="Javascript">
nome = new Array(4);
nome[0] = new Array(4);
nome[1] = new Array(4);
nome[2] = new Array(4);
nome[3] = new Array(4);
nome[0][0]="1500"; nome[0][1]="1250"; nome[0][2]="1300";
nome[1][0]="800"; nome[1][1]="850"; nome[1][2]="900";
nome[2][0]="500"; nome[2][1]="520"; nome[2][2]="540";
nome[3][0]="400"; nome[3][1]="356"; nome[3][2]="234";
function affi() {
document.form.txt.value=nome[document.form.liste.selectedIndex][document.form.taille.selectedIndex];
}
</SCRIPT>

<form name="form" class="texto" >
Choose the article :&nbsp;&nbsp;&nbsp;&nbsp;
<select name="liste">
<option>Camisas
<option>Polos
<option>T-shirts
<option>base corporal
</select>
<br>
Choose the size:
<select name="taille">
<option>T. Small
<option>T. M&eacute;dium
<option>T. Large
</select>
<br>
<input type="button" value="Obter pre&ccedil;o" onClick="affi(this.form)" name="button">
<br>
<br>
<input type="TEXT" name="txt">
</form>


Thank's in advance

rui

here is my code

Code:

<ul id="myList" class="myList">
							<form method="post" action="somepage">
							<li id="item_1">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								Link Group
							</li>
							<li id="item_2">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								Page Group
							</li>
							<li id="item_3">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								SEO
							</li>
							<li id="item_4">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								<script type="text/javascript">
								tinyMCE.init({
									mode : "textareas",
									theme : "advanced"
								});

								function toggleEditor(id) {
									if (!tinyMCE.get(id))
										tinyMCE.execCommand('mceAddControl', false, id);
									else
										tinyMCE.execCommand('mceRemoveControl', false, id);
								}
								</script>

								
									<textarea name="content" style="width:96%">
									</textarea>
								
								<a href="javascript:toggleEditor('content');">Add/Remove editor</a>
							</li>
							</form>
						</ul>
						<p id="myList_serialize"></p>

						<script type="text/javascript" language="javascript" charset="utf-8">
						  Sortable.create('myList',{ghosting:false,constraint:true,hoverclass:'over',
							onChange:function(element){
								var totElement = 7;
								var newOrder = Sortable.serialize(element.parentNode);
								for(i=1; i<=totElement; i++){
									newOrder = newOrder.replace("myList[]=","");
									newOrder = newOrder.replace("&",",");
								}
								$('myList_serialize').innerHTML = '<strong>New Order</strong>: '+newOrder;
							}
						  });
						</script>

I some draggable li's which works fine, I have a tinyMCE WYSIWYG editor which works fine!

How can I add a form to my UL LI?

Hi,

Need to put a cursor in a password form on page load here is what I got that does not work. This will be used on a touch screen

Code:

<script type = "text/javascript">	

var count = 2;
function validate() {
var pw = document.myform.pword.value;
var valid = false; 

/*Failed attempt to put cursor in myform on page Load */

function setCursor(myform){   
return set;
}
var pwArray = ["1701", "Password2", "Password3", "Password4"];  // the corresponding passwords;

for (var i=0; i <pwArray.length; i++) {
if  (pw == pwArray[i]) {
valid = true;
break;
}
}

if (valid) {
alert ("Login was successful");
window.location = "030.html";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid password.  You have " + count + t + " left.");
document.myform.pword.value = "";
setTimeout("document.myform.pword.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.pword.value = "";
document.myform.pword.disabled = true;
return false;
}

}

</script>

Thank you for any help.

I created a form and validation to ensure that it is fully filled out, then once it is filled out properly, it should automatically go to the confirmation page.

The way it works right now is that it does work properly, except if the error alert pops up it will then navigate to the confirmation page anyways, and that page will be blank.

I have it setup with this in the form:

Code:

<form name = "orderForm" action="confirmOrder.html" onsubmit= "validateOrder()">

I need it to stop on error, and not let you continue to confirmOrder.html unless filled out right.

Complete newbie to JS,

If button is clicked, want form to be validated. If the validation passes then bring up print dialogue

I have got the validation (using dreamweaver) working, however if the form is correct , how do I get the print dialogue (window.print()) to appear?

here's the code

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="" ) {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
			
  } if (errors) alert('The following error(s) occurred:\n'+errors);
  document.MM_returnValue = (errors == '');
 
}
//-->
</script>

Code:

  <td><input name="Name" type="text" id="Name" size="50" maxlength="50"></td>

	<input name="Button" type="button" onClick="MM_validateForm('Name','','R');return document.MM_returnValue" value="Button" />

I have an html page "PageA" which contains a "link" to another html page "PageB". The link is handled as a form submit because PageA sends some variables which it wants "processed". However, PageB is NOT a CGI script but simply another html page which happens to contain a form. This form handles the desired processing.

I would appreciate some help getting some javascript in place, in PageA, in order to automatically fill in a form field in PageB with a variable supplied by PageA.

The complications here a
1) PageB is not a CGI script and so sending variables via a query string does not work. (The variables never get read by PageB.)
2) PageB is maintained by another organisation so I cannot modify it. (Actually I could, as I have a local copy, but I would have to redo after every new release and so this is not acceptable.) It therefore needs to be treated as an independent page.
3) The variable is quite a lengthy one, it is extracted from a database and changes depending on how PageA was called, so I want to do this for repeated instances and cutting and pasting to a new page on each occasion is not attractive.
4) I would like to open PageB in a separate window or tab as I want to be able to reference both pages at once. (This is not essential to the key problem but may influence the solution. A solution which depended on the window being the same I would not regard as satisfactory.) The relationship between the documents is probably most accurately described as "PageB is a section of PageA". It is providing some additional information on aspects of what is in PageA. The output from submission of PageB can be quite lengthy.

The actual form field in PageB I want to fill in is a textarea element and I know its name (call it name1) and also the name of the form (call it form1). But I don't think the field type should be important. I simply want to update its value (presumably after a page load?).

Is this possible without editing PageB? I would appreciate some guidance if not a proven solution. Perhaps I have overlooked something but I can't find a working solution to this particular problem and my experiments to date don't work.

Thanks

hi there, i'm new here and pretty new to js.

i'm making a page for my daughter's school - or trying to.

they are having a silent auction and i'm trying to make a very simple bidding page. where i'm running into problems is passing the bid to a text box (read only) where it can be updated when a new bid is entered.

I would like this to be in the upper part of the page with the listings of the auction items, i just can't wrap my head around how to do this. I've gotten as far as the form for entering the bod and contact info. I have the php code to submit. i still have to get the validation js to make it more secure.

thanks for any help.


Code:

<html>
<body>
<h1 id="logo"></h1>

<div id="main">
<p>
<h4>Silent Auction</h4>
<form name="auction" method="post" action="send_form_email.php"
>

<label for="item1">Item 1</label>
<br />
 <label for="curr_bid_item_1">Current Bid = </label><br />
Your Bid = 
<input type="text" name="item1" maxlength="15" size="10" />
<br />
<br />

<label for="item2">Item 2</label><br />
 <label for="curr_bid_item_2">Current Bid = </label><br />
 Your Bid =
<input type="text" name="item2" maxlength=="15" size="10" />
<br />
<br />

<label for="item3">Item 3</label><br />
 <label for="curr_bid_item_3">Current Bid = </label><br />
Your Bid = 
<input type="text" name="item3" maxlength="15" size="10" />
<br />

<br /><br /><br />


<form name="contactform" method="post" action="send_form_email.php"
onsubmit="document.getElementById('myButton').disabled=true;
document.getElementById('myButton').value='Submitting, please wait...';">
  <label for="first_name">First Name *</label>
  <input  type="text" name="first_name" maxlength="50" size="30"><br /><br />

  <label for="last_name">Last Name *</label>
  <input  type="text" name="last_name" maxlength="50" size="30"><br /><br />
  <label for="email">Email Address *</label>
  <input  type="text" name="email" maxlength="80" size="30"><br /><br />
  <label for="telephone">Telephone Number</label>
  <input  type="text" name="telephone" maxlength="30" size="30"><br /><br />
  <label for="comments">Comments</label><br />
  <textarea  name="comments" maxlength="1000" cols="40" rows="6"></textarea><br /><br />
  <input type="submit" value="Submit" id="myButton" />   
</form>


</form>
</div> 
</body>
</html>

I want to use Javascript to submit a form - without filling the form in physically

Is this possible?

Let's say a web page has a form that submit First Name and Last Name to the next page
Instead of filling in the form and hitting submit, can I submit the data in variables and call the next page somehow using Javascript?

Thanks


OM

Hi,
i will try to be as brief as possible.
I have a page A with form:

Code:

<form id="search" action="find.html"  method="get">
... (some select options) ...
<input type="submit" class="submit" value="search">

this form look up some holiday destination which appears on this page with url:
(example)
Code:

www.domain.com/find.html?destination=italy&price=500

Now, I dont want to display result on this page, but on page B, in iframe.
I found a way how to redirect output as a link to properly show in iframe on page B.

Page A contains:
Code:

<a href="pageb.html?http://www.domain.com/find.html?destination=italy&price=500">show on page B</a><br>

Page B contains:

Code:

<script type="text/javascript">
<!--

function loadIframe(){
if (location.search.length > 0){
url = unescape(location.search.substring(1))

window.frames["iframe"].location=url
}
}

onload=loadIframe
//-->
</script>

<iframe src="" name="iframe"  id="iframe"</iframe>

In this case page B will properly load requested link in iframe.
Problem is it is just a static link...

I want to display search result from the form.

Thanks a lot for your help...

I am creating a customized home page that can display regular links and login forms. I am adding Gmail login form into it. I can further customize it by putting multiple sign in buttons that can fill in username/password for different accounts before submitting.

Here's the preview:
http://imgur.com/s4Ert.jpg

Now the problem is, in Gmail login form a hidden variable called "dsh" is filled with a value that is matched with server as well as a cookie, this value changes in some hours. So this means that I cannot create a complete offline form, but is it possible to load the login page hidden, and catch the value from it?

I tried with an iframe with display:none and src="http://mail.google.com" but it opened in the top frame. Any other ideas?

In short, what we need is, every time a page is opened from my computer, an online page should be open invisible from the user, and a hidden form value is to be fetched from it.

I have a form with allot of form items on it that posts to itself. I am trying to pass those form values to another page with out using the action attribute in the form. Is there a way to do this? I have tried jquery and javascript but coming up blank. Just trying to pass all the values at one time to another page. Seems a little difficult to me since im a intermediate javascript programmer. Any ideas are welcome and thank you in advance if someone knows how to get this going.

Here is what i am trying to do script wise.

theform is the ID of the form. I have a switch statement that is based on the button pressed would get into that statement. So if one of the three buttons on the page is "excel report" it should get into that statement and pass the values of the form to another page.

I have tried this:

Code:

<cfswitch expression="#LCase(Trim(FORM.submit))#"> 
	   <cfcase value="Excel Report">
		   <cfoutput>
		   	<script>
		   		function formSubmit() {
					var form = document.forms.theForm;
					// change the url
					form.action ="index.cfm?keyword=Report PDF New";   
					form.submit();  
						}
		</cfoutput>
                     </script>
          </cfcase>
</cfswitch>

AND This:

Code:

<cfswitch expression="#LCase(Trim(FORM.submit))#"> 
          <cfcase value="PDF Report">
		<script>
			$('##submit').click(function(){
				open('',"results");
				with(document.print)
				{
				method = "POST";
				action = "index.cfm?keyword=Report PDF New";
				target = "results";
				submit();
				}
				});
		</script>
	   </cfcase>
</cfswitch>

Hello Coding Forum gurus, I'm hoping to find some help here with a javascript order form. I am currently working on a javascript form that requires field validation as well as a summary page (order confirmation) after every field is entered correctly. At this point I am satisfied with the field validation portion of the script, however, I am not sure how to call a function to display the summary page.


here is a description of my dilemma:

To begin, the field validation functions are called by the form's onsubmit event handler. Which then works it way through several text field validation functions. After the script finishes validating and checking each field for acceptable input, how do I call a function to display a summary page of the order form?




On a side note, the only programming experience I have ever had is with javascript. I have never taken any other programming classes, and I am fairly new to this. Any help would be appreciated.

Not sure if I am allowed to post the entire script here or not but I'd be willing to send to anyone that would like to take a look, HUGE THANK YOU in advance to anyone that takes time out of their busy schedules to take a look.