JavaScript - Simple Js Form Redirect?

I am trying to build a page that has a form on it with three questions, each having two answers via radio button. When the user hits submit, depending on their answers to the three questions, it redirects them to a different page.

This is all I have so far and am stuck, I dont know much JS.


<script type="text/javascript">


function whereTo () {
if ((Goods==true) && (Direct==true) && (SoleSource==true))
{ window.location = "http://www.somesite/page1"; }

if ((Goods==true) && (Direct==true) && (NetworkID==true) && (Competed==true))
{ window.location = "http://www.somesite/page2"; }

if ((Goods==true) && (Indirect==true) && (CostCenter==true) && (SoleSource==true))
{ window.location = "http://www.somesite/page3"; }

if ((Goods==true) && (Direct==true) && (NetworkID==true) && (SoleSource==true))
{ window.location = "http://www.somesite/page4"; }

if ((Goods==true) && (Indirect==true) && (CostCenter==true) && (Competed==true))
{ window.location = "http://www.somesite/page5"; }

if ((Goods==true) && (Direct==true) && (NetworkID==true) && (Competed==true))
{ window.location = "http://www.somesite/page6"; }


}
</script>

The form (it only has the inputs not the questions, i know its not setup properly, just wanted to show the inputs):

<form>
<input type="radio" id="Goods" name="good" /> Goods<br /><input type="radio" id="Services" name="Services" /> Services

<input type="radio" id="Direct" name="good" /> Direct<br /><input type="radio" id="Indirect" name="Indirect" /> Indirect

<input type="radio" id="CostCenter" name="CostCenter" /> Cost Center<br /><br /><input type="radio" id="NetworkID" name="NetworkID" /> Network ID



<input type="radio" id="SoleSource" name="order" /> Sole Source<br /><input type="radio" id="Competed" name="order" /> Can Be Competed</td>

<input alt="Submit" onclick=" return whereTo()" />


</form>

Hi all, I'm new here and need some help. I don't know Javascript at all.

I have a paypal form that looks like this:

Code:

<FORM action="https://www.paypal.com/cgi-bin/webscr" method="post">
<INPUT type="hidden" name="cmd" value="_s-xclick">
<INPUT type="hidden" name="hosted_button_id" value="VMMCF6CUGBPAN">
<INPUT type="hidden" name="on0" value="DATA">DATA<BR>
<SELECT name="os0">
<OPTION value="250" selected="selected">DATA</OPTION>
<OPTION value="400">DATA</OPTION>
<OPTION value="1000">DATA</OPTION>
</SELECT>

<INPUT type="hidden" name="currency_code" value="USD">
<BR>
<INPUT type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><IMG alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</FORM>

This form works perfectly with my system now. I'm trying to add one fourth option that will redirect to another page, but I'm not sure if changing the name of the select will break the paypal transaction. So I tried this solution:

Code:

<FORM action="https://www.paypal.com/cgi-bin/webscr" method="post">
<INPUT type="hidden" name="cmd" value="_s-xclick">
<INPUT type="hidden" name="hosted_button_id" value="VMMCF6CUGBPAN">
<INPUT type="hidden" name="URL" value="DATA">DATA<BR>
<SELECT name="URL" onchange="window.location.href= this.form.URL.options[this.form.URL.selectedIndex].value">
<OPTION value="250" selected="selected">DATA</OPTION>
<OPTION value="500">500 Words</OPTION>
<OPTION value="1000">1000 Words</OPTION>
<OPTION value="project.html">1000+ Words</OPTION>
</SELECT>
<INPUT type="hidden" name="currency_code" value="USD">
<BR>
<br>
<INPUT type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><IMG alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</FORM>

It works great if I select the fourth option with a internal url in it. But if I choose one of the other options it tries to dynamically change to a page "250", "500", or "1000" and they don't exist.

Also, I'm not sure if changing the select name or the option value will break the transaction with paypal.

What I'd like the form to do is nothing on all options except the fourth; which is a redirect. The first, second, and third option require the used to click a paypal buy now button.

Can't I just take this...

Code:

onchange="window.location.href= this.form.URL.options[this.form.URL.selectedIndex].value"

...put it in the option tag and change it to onSelect or something?

This is as far as I can go. I copied the code and altered it. Can anyone here help please?

Please help if you can.
My problem is that i have simple paypal form. When user select 10 accounts then below textbox shows amount to be paid. But when i click at paypal it again multiply with accounts and shows multiple amount at paypal page.

For example if you select 10 then amount will be 18.5$ but after clicking at pay button it shows amount at paypal page $185.00




Code:

<body>
<form name="frm1" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="accounts@freelanceswitch.com"><br />
    <strong>How Many Acounts you want</strong>
<select name="quantity" onchange="calculate()" id="quantity">
   		<option value="5">5</option>
   		<option value="10">10</option>
   		<option value="15">15</option>
   		<option value="20">20</option>
   		<option value="25">25</option>
   		<option value="30">30</option>
  </select>
<br />
    <input type="hidden" name="no_shipping" value="0">
    <input type="hidden" name="no_note" value="1">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="lc" value="AU">
    <input type="hidden" name="bn" value="PP-BuyNowBF">
	<input type="hidden" name="return" value="http://net.tutsplus.com/payment-complete/">
	<br />
	<p>$
      <input type="text" name="amount" id="amount" value="0" readonly="readonly"/>
  <br />

      <input type="submit" value="Pay with PayPal!">
  </p>
</form>
<script type="text/javascript">
	function calculate (){
		ac=document.getElementById('quantity').value;
		var z=1.85;
		
		total =ac*z;
		document.frm1.amount.value=total;	
		}
	
</script>
</body>

I am trying to have the page go to another page after clicking the submit button.

is it possible to add to this function an else statement ?
if form is filled then go to this page

Code:

function notEmpty(elem, helperMsg){
	if(elem.value.length == 0){
		alert(helperMsg);
		elem.focus();
		return false;
	}
	return true;
}

Hey all,

I'm finishing up a project at work that has a web-based front end. Our tightly compressed schedule has left me with no time to properly learn Javascript, so I need some help. I have two pages that need client side validation...

Page 1:

several text inputs, one select, one textarea, and (maybe) a checkbox

There are some complex things I could do here, but for now, I just need to make users behave. The textarea must have something in it, certain select options need a Yes/No popup, and if the checkbox is written to the page (ASP determines this) then it must be checked before certain select options are submitted.

I could copy some examples I've found, but how do I ignore the checkbox when it doesn't exist?

Page 2:

two selects and a textarea

Options must be selected and the textarea must have something in it. Straightforward, except that it's a dynamic form where each element has a name + i where i is a number that increments each time the user expands the form. Will wildcards work here?


I know this looks like "do my homework" but any help would be greatly appreciated.

This is desired to work in IE6, but if that can't happen, I can force an IE8 upgrade on everyone.

This form retrieves results from a mysql database. It works fine but when I click submit it shows the result only for a second. When I hold down submit the result stays there. How do I get the result to stay on the screen after I hit submit? Even better how do I get it to spit out results without having to hit a submit button or press enter?

Code:

<html>
<head>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("getSpecs").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getspecs.php?model="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
Model: <input onchange="showUser(this.value)" />
<input type="submit" value="Submit" />
</form>
<br />
<div id="getSpecs"><b>Product info listed here.</b></div>
</body>
</html>

Hi I am new to teaching JavaScript I need to show how to create a form with validation and feedback. I can get it to validate a text with a message, but I cannot get it to validate a set of radio buttons and conform the radio selected.
Code below-
<html>
<head>

<title>Exam entry</title>
<script language="javascript" type="text/javascript">
function validateForm() {
var result = true;
var msg="";
if (document.ExamEntry.name.value=="") {
msg+="You must enter your name \n";
document.ExamEntry.name.focus();
document.getElementById('name').style.color="red";
result = false;
if (document.ExamEntry.subject.value=="") {
msg+="You must enter the subject \n";
document.ExamEntry.subject.focus();
document.getElementById('subject').style.color="red";
result = false;
}
}
if(msg==""){
return result;
}
{
alert(msg)
return result;
}
}
</script>

</head>


<body>

<h1>Exam Entry Form</h1>
<form name="ExamEntry" method="post" action="success.html">

<table width="50%" border="0">
<tr>
<td id="name">Name</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td id="subject">Subject</td>
<td><input type="text" name="subject" /></td>
</tr>
<tr>
<td><input type="reset" name="Reset" value="Reset" /></td>
</tr>
</table>

</form>
<script type="text/javascript">
function lengthpass()
{
var s1=document.getElementById("password");
if(s1.value.length != 4)
{
alert("Please enter an exam number which is 4 characters long");
return false;
}
return true;
}
</script>
</head>
<body>
<form onsubmit="return lengthpass();">
Exam Code <input type="text" id="password"
name="password"> (Four Numbers) <br>
<br>

<h1>option button form validation</h1>
<script type="text/javascript">
function option1()
{
var checkedop=null;
var examop=document.getElementsByName("exam");
for (var i = 0;i<examop.length;i++)
{
if(examop[i].checked)
{
checkedop=examop[i];
}
}
if(checkedop==null)
{
alert("please select an exam");
return false;
}
{
confirm("you have chosen"+checkedop.value+ "is this correct?");
}
}
</script>
</head>
<body>
<form name="examtype" onsubmit="return option1();">
Select an exam type<br>
<input type="radio" name = "exam"value= "GCSE"> GCSE<br>
<input type="radio" name = "exam"value= "AS"> AS<br>
<input type="radio" name = "exam"value= "A2"> A2<br>
<input type="submit"name="submit"value="Submit Form"/>
</form>
</body>
</html>

Hi
I am trying to valid a simple address, that works fine apart from the fact that it will not allow forward slash in it "/" such as: Unit 12/13 some where.

In brief I want to change /^[\w ]+$/; to include a forward character in it.

I am new to javascript.

many thx.

p.s. every time I google it they find me email address validation dehhhhh



I use the following code:
Quote:

function validateVat_No(fld) {
var error = "";
var illegalChars = /^[\w ]+$/; // allow letters, numbers, and spaces

if (fld.value !== "") {

if (!illegalChars.test(fld.value)) {
fld.style.background = 'Yellow';
error = "The Vat No contains illegal characters.\n";
}
}

else {
fld.style.background = 'White';

}
return error;
}

Would appreciate some help making some minor enhancements to a pet adoption form: http://pawsct.org/application.php

Problem - Applicants don't read. They answer "No" to the "Agree to Shelter Visit" question, then fill out the looooong application, and get abusive when told that they're not eligible for adoption. They apply from Florida and ignore the warnings about the 90 mile limit. Text notes just don't make enough of an impact.

I want to use OnChange to give an alert if someone does not answer "Yes" to agree to a shelter visit (i.e. popup "You must agree to a shelter visit to qualify for an adoption from PAWS") and perhaps a warning message (red text reminder about the 90 mile limit next to the drop-down box) if someone enters a state other than CT.

Second problem - I'm a volunteer who doesn't know javascript and can't cobble together a SIMPLE, workable solution from other code samples. Any assistance that you can provide would be most welcome and appreciated.

Note: we are planning a redesign of the web site and may do some more sophisticated form validation (e.g. check age, valid e-mail, valid phone) in the future. But for now, we're just looking to check a few key fields for answers that would immediately disqualify an applicant.

Hi Coders...

I'm building a 'really simple' JavaScript program to help editors write SEO-friendly META titles and META descriptions. The idea is you have 3 text boxes, each on a separate line:

BOX 1 - META TITLE [ i.e. "Cool website page" ]
BOX 2 - FILE NAME [ i.e. "This is a really cool web page about cool stuff"]
BOX 3 - META DESCRIPTION [ i.e. "cool-web-page" ]

As the editor types in the boxes, a serp listing is displayed as it would appear on Google (and ideally how it would appear on Bing and Yahoo):

Cool website page
www.coolwebsite.com/cool-web-page
This is a really cool web page about cool stuff

Kudos to any one who could point a JavaScript newbie in the right direction

Hello,

What I need is a simple service area, zip code validation form that redirects to a certain URL when a valid zip code is submitted and a different URL when an invalid zip code is submitted.

I found a form script example that works well with only a single zip code. My problem is I can't figure out how to modify it so that multiple zip codes are valid.

Here is the head part. 60016 is one of about 50 valid zip codes I need the form to accept as valid -

[code]
<script>

var correctCode = "60016";


function validateCode()
{
var code = document.getElementById("codeTextBox").value;

if (code == correctCode)
{
window.location.href = "/ggc/test1";
}
else
{
window.location.href = "/ggc/test2";
}
}
</script>
[code]

Here is the body part -

[code]
Please enter your zip code:
<input type="text" name="codeTextBox" id="codeTextBox" />
<input type="submit" name="Submit" value="Submit" onclick="validateCode()" />
[code]

I'm trying to do a simple validation to see if the field is blank, if it is, I want to write a message to a div. I've added the function call to an onclick. It seems to be set off no matter if there is a value or not, and what's more, the fields are clearing out when the link is clicked. My brain is mush right now, so what am I missing?

Code:

function validateThis() {
	document.getElementById('messages').innerHTML = ''
	var theMessage = '';
	var reqMsg = 'must have a value.';
	
	for (var i = 0; i <document.theForm1.elements.length; i++) {
	if (document.theForm1.elements[i].value = ' ') {
		theMessage += document.theForm1.elements[i].name +' ' + reqMsg +'<br/>';
	}}
	
	document.getElementById('messages').innerHTML = theMessage;
}

Hey all, i'm new here and first off, i'd just like to offer my sincerest appologies if i've posted this in the wrong section!

I've made some basic HTML web sites in the past and now the company i work for has asked me to make one. Its a rubber roller manufacture company and i would like to make a page that will have input fields and a submit button that will send the inputted details to our sales manager's email address...something like this

Contact Name: (input box) Company Name: (input box)
Roller Diameter: (input box) Required Compound: (input box)
Email Address: (input box)

(SEND BUTTON)

Also it would be a massive help if someone could tell me if it is possible for me to set it so that once the send button is clicked, it will send an email of the data but also redirect to another page (just saying thanks for input etc etc)

HUGE thanks in advance!!!

I am a javascript begginer and would like to know what is this bit of code saying?
(email.indexOf("@",atPos+1) > -1)
Thank you!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Email checker</title>
	<script type="text/javascript">
		function validEmail(email) {
			invalidChars = " /:,;"
	
			if (email == "") {
				return false;
			}
			for (i=0; i<invalidChars.length; i++) {
				badChar = invalidChars.charAt(i)
				if (email.indexOf(badChar,0) > -1) {
					return false;
				}
			}
			atPos = email.indexOf("@",1)
			if (atPos == -1) {
				return false;
			}
			if (email.indexOf("@",atPos+1) > -1) {
				return false
			}
			periodPos = email.indexOf(".",atPos)
			if (periodPos == -1) {
				return false;
			}
			return true;
		}

		function submitIt(emailForm) {
			if (!validEmail(emailForm.emailAddr.value)) {
				alert("Invalid email address");
				emailForm.emailAddr.focus();
				emailForm.emailAddr.select();
				return false
			}
			alert("email is correct!");
			return true;
			
		}
	</script>	
</head>
<body>
<h2>Email checker</h2>
<form onsubmit="return submitIt(this)" action="#">
				Email Address:
				<input name="emailAddr" type="text" size="30" />
				<p><input type="submit" value="Submit" />&nbsp;<input type="reset" /></p>
			
</form>
</body>
</html>