JavaScript - If Client Submits Value Higher Than X, Then Return False

hi guys, i need a javascript for my checkbox

1st: need to check the checkbox to go to next page or else stay at current page with an alert popout "Please check the checkbox"

can some one help me please?

hi peeps, this one might be confusing, if so i apologise!

below is a cut down version of the script calling a function:

Code:

function updateStockRequest(thestatus,theform,thedate) {

	if(thestatus == 'locked') {
		if(checkStockRequested()) {
			if(confirm('Are you sure you want to send for processing?\nYou will not be able to add any more stock!')) {
				document.getElementById('status').value = 'locked';
				document.forms[0].submit();
			}
		} else {
			alert('You must request some stock first!');
		}
	}
}

the following is the function being called:

Code:

function checkStockRequested() { //check to see if stockrequest has items added!!!

	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}

	var params = "?theuid=" + escape(document.getElementById('uid').value);
	var url="_check_stockrequest.php"
	url=url+params;
	ajaxedInner = "";
	xmlHttp.open("GET",url,true);
	xmlHttp.setRequestHeader("If-Modified-Since", "Fri, 31 Dec 1999 23:59:59 GMT");
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.send(null);
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4){
			if (xmlHttp.status == 200) {
				responsestring = xmlHttp.responseText.replace(/^\s+|\s+$/g, '');
				alert(responsestring);
				if(responsestring == 'true') {
					return true;
				} else {
					return false;
				}
			}
		}
	}
}

in the testing the function is alerting 'true' but the calling function still fails and says you need to add stock.

i must admit ive rarely used the return syntax so maybe im doing it wrong?!?

ive tried many variants such as creating a variable and assigning it the string 'true' etc and then using if(checkStockRequested == 'true') but it still fails.

help!!!!!!!!!

I am having trouble with some JavaScript that is supposed to add some Google Analytics tracking parameters to "cross-domain" links (used to auto append tracking info across multiple domains as a way of sharing the Google cookie info).

I have my code kind of working at this point except the default event (the normal href link) is not stopping. Instead my new event (the link plus Google parameters) fires off and is immediately replaced by the default (no parameters) event. For links that open in a new window, two windows open, one the standard link and one with the intended parameters.

I am using a return false; on each link type but it is not doing anything. Any ideas how I can stop the default event?

Code:
Code:

//Last Updated 5/10/12

/*Regex list of on-site domains, pipe and backslash delimited. */
var wa_onsiteDomains = /mydomain\.com|my2nddomain\.com|my3rddomain\.com|javascript/i;

/*Used to unobtrusivly add events to objects*/
function unobtrusiveAddEvent (element,event,fn) {
   var old = (element[event]) ? element[event] : function () {};
   element[event] = function () {fn(); old();};
}

function wa_crossDomainLink(i) {
	return function () { 
		var thisLink = decodeURI(wa_links[i]);
		var thisLinkTarget = wa_links[i].target;
		if (typeof(_gaq) == "object") {
			if(thisLinkTarget == "_blank") {
				var wa_myTracker=_gat._getTrackerByName();
				var wa_fullUrl = wa_myTracker._getLinkerUrl(thisLink);
				window.open(wa_fullUrl); return false;
			} else {
				_gaq.push(['_link', thisLink]); return false;
			}
		}
	};
}

var wa_links = document.links;
if ( wa_links ){
	for(var i=0; i<wa_links.length; i++) {
		if( wa_links[i].href.match(wa_onsiteDomains) && !wa_links[i].href.match(location.hostname)){
			unobtrusiveAddEvent( wa_links[i], 'onclick' , wa_crossDomainLink(i));
		}
	}
}

Note, the code above resides in a separate js file and is called at the bottom of every page.

Thanks!

I am getting double Alert prompts for a single form: The alert pops up the first time, then when I click OK, the same one pops open again. I think my code should do the alert once when it hits "else window.alert(sameWarning) and the stop when it reaches "return false()"; but it seems return false() is causing the alert twice. Maybe because I have two forms on one page; yet, they have two separate function names ("signinForm()" and "saveSignUp()")and call two separate forms (forms[0] and forms[1])? I think my code is correct, but I can't figure it out at this point. Any help would be appreciated. Thanks in advance!

Code:

      <script type="text/javascript">
    //FIRST FUNCTION FOR FORMS[0]
    function signinForm(){
    
    		// var sameWarning = "The required fields were not submitted for the following error(s).  \n \n";
    		var warningLogin = "The following field(s) require an entry: \n \n";
    		var sameWarning = warningLogin;
    		
    		var userName = document.forms[0].userName.value;
    		var pswd = document.forms[0].pswd.value;
    		
    		if(userName == ""){ 
    		sameWarning += " - First Name \n";
    		}
    		
    		if(pswd == ""){ 
    		sameWarning += " - Password \n";
    		}
    
    		if (warningLogin == sameWarning){ 
    			return true; 
    			}
    		
    		else  { 
    			window.alert(sameWarning); 	
    		}
        return false;	
       }
     
  //SECOND FUNCTION CALL FOR FORMS[1] 
    function saveSignUp(){
    
    		// var warning = "The required fields were not submitted for the following error(s).  \n \n";
    		var warning = "The following field(s) require an entry: \n \n";
    		var same = warning;
    		
    		var firstName = document.forms[1].firstName.value;
    		var lastName = document.forms[1].lastName.value;
    		var email = document.forms[1].email.value;
    		var phone = document.forms[1].phoneNumber.value;
    		
    		if(firstName == ""){ 
    		//firstName.style.backgroundColor="red";
    		warning += " - First Name \n";
    		}
    		
    		if(lastName == ""){ 
    		warning += " - Last Name \n";
    		}
    
    		if(email == ""){ 
    		warning += " - Email \n";
    		}
    
    		if(phone == ""){ 
    		warning += " - Work Phone \n";
    		}
    		
    		if(phone < 5 ){
    			warning += " - Must be a numberssss \n";
    			}
    
    		if (warning == same){
    			return true; 
    		} 
    		
    		else  { 
    			alert(warning); 		
    		}
    	return false;
       }
       
    </script>

HTML

Code:

    <h1>Login</h1>
    <form method="post" onsubmit="return signinForm();" action="" >
        <input type="text" placeholder="Username/Email" name="userName">
        <input type="password" placeholder="Password" name="pswd" id="pswd">
        <input type="submit" onclick="signinForm();" value="Sign In">
    </form>
    <h1>Sign Up!</h1>
        <form method="post" onsubmit="return saveSignUp()" action="" >
        <input type="text" placeholder="First Name" name="firstName">
        <input type="text" placeholder="Last Name" name="lastName">
        <input type="text" placeholder="Email" name="email">
        <input type="text" placeholder="Phone Number" name="phoneNumber">
        <input type="submit" onclick="saveSignUp();" class="button wide" value="Request an Account">		
</form>

*UPDATE
Fixed! After I removed the onclick in the button, the double alerts went away. Apparently, I was I was firing off two events (calling the javascript twice) with both the onsubmit and the onclick.

Just wondering:
1. Is "onsubmit" a special event handler just for button "type=submit" vs onlclick can be used for any element?
2. Is there a preference among developers to use onclick vs. onsubmit?
3. Is there an order of precedence for method calls over submit calls (the onclick goes first, then it automatically fires the submit call to the function too)?

Hi All,

This is in ASP.Net

Im creating a task loggin system and this allows the user to raise tasks and update them, im using javascript for validation and if the fields are empty it then changes the fields back ground to Red which is fine but then it goes on to update the data in SQL which i dont want, any suggestions or how i can achieve no post back is the result from the function is False (for fields in error)

Html Code where im calling the function

Code:

<asp:button runat="server" id="btnChangeCommentsAuth" CSSclass="RaiseButton" OnClientClick="CommentsCheck('MainDisplayContentChange_txtAuthCommentsArea');" PostBackUrl="~/RaiseTaskChange.aspx" Text="Auth" />

Javascript function

Code:

function CommentsCheck(comments) 
{
    var com;
    var result = new boolean();
    com = document.getElementById(comments);
    if (document.getElementById(comments).value == '') {
        com.style.backgroundColor = "#B20635";
        result = 0;
    }
    else 
    {
    result = 1
    }
}

Thanks in Advance look forward to your reply.

I'm trying to make a higher or lower game but I can't seem to get the higher and lower buttons to work. I have my deck set up in an array such as

Code:

var deck = [
            {pictu  "images/AceHearts.png", facevalue: 1 },
            {pictu  "images/2Hearts.png", facevalue: 2 },
            etc.
            ]

<!-- Then the rest of my code is as follows>

function rnd()
{
return Math.random()-0.5;
}


function hidemessage(){
document.getElementById("winningmessage").style.display = "none";
}




hand1 = new Array();

deck.sort(rnd);

<!-- This function randomly picks a card and takes its value and returns it --!>
function getHandHTML(hand)
{

html= "";
total = 0;
for (i=0; i<hand.length; i++)
{
html+= "<img src = \""+ hand[i].picture +"\"> ";
total= hand[i].facevalue;
}

return html;
}



<!-- This function takes a card from the deck --!>
function nextcard()
{

for (i=0; i< 1; i++)
{
	card = deck.shift();
	hand1.push(card);
}

document.getElementById('hand1').innerHTML = getHandHTML(hand1);
document.getElementById("winningmessage").style.display = "none";
}



<!-- This function adds takes the next card from the deck and places it on the screen --!>
<!--It also disables the buttons after 6 cards have been drawn --!>

function addCardToHand()
{
	card = deck.shift();
	if (card == null) { return;}
	hand1.push(card);
	document.getElementById('hand1').innerHTML = getHandHTML(hand1);
	
if(i==6){
document.getElementById("higher").disabled = true;
document.getElementById("lower").disabled = true;
document.getElementById("winningmessage").style.display = "block";
}
}

window.onload = nextcard;

 function higher(){

if (hand1[index].facevalue() > hand1[index-1].facevalue())
{
alert("higher");
}
else
{
alert("wrong")
}
} 

</script>

<body>

<style>

.hand {margin: 20px; padding: 20px;}
</style>

<input type = button value = "higher" onclick = "addCardToHand();higher()" id = higher>
<input type = button value = "lower" onclick = "addCardToHand()" id = lower>
<div class = hand id = hand1></div>


<div id = "winningmessage">
You Win
</div>


</body>
</html>

I've highlighted the area where I've attempted to make an alert box pop up saying if the higher button was right or wrong.
Any suggestions would be much appreciated

All,
I have a script that runs some jQuery and appends it to a <div>. I only want this script executed if a user is using IE7 or higher since jQuery doesn't work with IE6. How can I do that? Also, if they aren't using IE7 or higher I don't wnat to display the <div> that the results go into. How would I go about doing this?

Thanks!

I have a form, on which I have multiple checkboxes and text fields.

Now I want that the form can't submit untill at least 1 checkbox is selected or a text field is filled.

But even with the javascript validation I already have the form still submits.

Any help on this one?
Here is the whole page on which the checkboxes, text fields and javascript validation a
PHP Code:
<script type="text/javascript" language="javascript">
function checkCheckBoxes() {
    if (document.form2.nbs_vmb[].checked == false)
        {
        alert ('Select at least checkbox to make a selection!');
        return false;
        }
    else
        {
        return true;
        } 
</script>
<div id="left2">
<div id="left_02">
<div id="toppage">
  <h3><?php echo $tcm_label[59]; ?></h3>
</div>
<div style="margin:0px 1px 0px 1px">
  <form id="form_ins_contact" onsubmit="return checkCheckBoxes();" name="form2" action="test.php" method="POST" >
    <table width="680" height="350" border="0" align="center" cellpadding="0" cellspacing="2">
      <tr>
        <td width="160" align="right"><strong><?php echo $tcm_label[36]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_lid_vmb" /></td>
        <td class="td_no_border2"></td>
        <td class="td_no_border2"></td>
      </tr>
      <tr>
        <td width="160" align="right"><strong><?php echo $tcm_label[37]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_selfburns" /></td>
        <td align="right"><strong><?php echo $tcm_label[29]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_zip" type="text" id="nbs_zip" maxlength="6" size="6" /></td>
      </tr>
      <tr>
        <td width="160" align="right"><strong><?php echo $tcm_label[40]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_profrelatie" /></td>
        <td align="right"><strong><?php echo $tcm_label[60]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_contact_year" type="text" id="nbs_contact_year" maxlength="4" size="4" /></td>
      </tr>
      <tr>
        <td width="160" align="right"><strong><?php echo $tcm_label[42]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_revalinet" /></td>
        <td align="right"><strong><?php echo $tcm_label[38]; ?></strong></td>
        <td class="td_no_border" width="194"><input name="nbs_year" type="text" id="nbs_year" maxlength="4" size="4" /></td>
      </tr>
      <tr>
          <td align="right"><strong><?php echo $tcm_label[44]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_juridischehulp"  /></td>
        <td align="right"><strong><?php echo $tcm_label[41]; ?></strong></td>
        <td class="td_no_border" width="194"><input name="nbs_vmb[]" type="checkbox" value="nbs_psychonet" /></td>
      </tr>
      <tr>
          <td align="right"><strong><?php echo $tcm_label[45]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_nomail" /></td>
        <td align="right"><strong><?php echo $tcm_label[43]; ?></strong></td>
        <td class="td_no_border"><input name="nbs_vmb[]" type="checkbox" value="nbs_reintegranet" /></td>
      </tr>
      <tr>
        <td align="right" class="td_no_border2">&nbsp;</td>
        <td class="td_no_border2">&nbsp;</td>
        <td></td>
        <td class="td_no_border2"><img src="../images/intra icon.png" width="96" height="96" /></td>
      </tr>
    </table>
    <table width="281" border="0" align="center" cellpadding="0" cellspacing="2">
      <tr>
        <td align="center" class="td_no_border2" nowrap="nowrap">
            <input type="submit" name="submit" class="buttons" value="Export Selecties" />
        </td>
      </tr>
    </table>
  </form>
  </div>
</div>
</div>

Thanks in advanced.

Hi all,

Maybe I'm missing something simple here, but for some reason this form validates in both IE and Firefox, but it doesn't submit in IE. Little yellow exclamation icon appears on the status bar on form submit.

Any help would be great. Thanks!

Code:

/*
	Creation Date: Dec 8, 2009
	Description:
		
*/

function validate_school_form() {
	var valid = false;
	var error = "";
	if (element("fname").value.length < 1 ){
		error += "Please enter your first name.<br/>";
		element("fname").style.border = "1px solid red";
	} else {
		element("fname").style.border = "";
	}
	if ( element("lname").value.length < 1 ){
		error += "Please enter your last name.<br/>";
		element("lname").style.border = "1px solid red";
	} else {
		element("lname").style.border = "";
	}
	if ( !validate_email_address(element("email").value) ){
		error += "Please enter a valid email address.<br/>";
		element("email").style.border = "1px solid red";
	} else {
		element("email").style.border = "";
	}
	if ( element("addr").value.length < 1 ){
		error += "Please enter your street address.<br/>";
		element("addr").style.border = "1px solid red";
	} else {
		element("addr").style.border = "";
	}
	if ( element("zip").value.length != 5 || isNaN(element("zip").value) ){
		error += "A zip code must be 5 digits.<br/>";
		element("zip").style.border = "1px solid red";
	} else {
		element("zip").style.border = "";
	}	
	if ( element("city").value.length < 1 ){
		error += "Please enter your city.<br/>";
		element("city").style.border = "1px solid red";
	} else {
		element("city").style.border = "";
	}
	if ( element("state").value.length < 1 ){
		error += "Please enter your state.<br/>";
		element("state").style.border = "1px solid red";
	} else {
		element("state").style.border = "";
	}
	if (( element("phone1").value.length != 3 ) || ( element("phone2").value.length != 3 ) || ( element("phone3").value.length < 4 ) ){
		error += "Please enter a valid phone number.<br/>";
		element("phone1").style.border = "1px solid red";
		element("phone2").style.border = "1px solid red";
		element("phone3").style.border = "1px solid red";
	} else {
		element("phone1").style.border = "";
		element("phone2").style.border = "";
		element("phone3").style.border = "";
	}
	if ( element("gender").selectedIndex == 0 ){
		error += "Please enter your gender.<br/>";
		element("gender").style.border = "1px solid red";
	} else {
		element("gender").style.border = "";
	}	
	if ( element("birth_day").selectedIndex == 0 ){
		error += "Please enter a valid day of birth.<br/>";
		element("birth_day").style.border = "1px solid red";
	} else {
		element("birth_day").style.border = "";
	}	
	if ( element("birth_month").selectedIndex == 0 ){
		error += "Please enter a valid month of birth.<br/>";
		element("birth_month").style.border = "1px solid red";
	} else {
		element("birth_month").style.border = "";
	}	
	if ( element("birth_year").selectedIndex == 0 ){
		error += "Please enter a valid year of birth.<br/>";
		element("birth_year").style.border = "1px solid red";
	} else {
		element("birth_year").style.border = "";
	}
	if ( element("program_type").selectedIndex == 0 ){
		error += "Please enter your program of interest.<br/>";
		element("program_type").style.border = "1px solid red";
	} else {
		element("program_type").style.border = "";
	}	
	if ( element("level_of_education").selectedIndex == 0 ){
		error += "Please enter your level of education.<br/>";
		element("level_of_education").style.border = "1px solid red";
	} else {
		element("level_of_education").style.border = "";
	}	
	if ( error != "" ){
		alert('Error! Please fix the marked fields for missing or wrong information.');
		return false;
	} else {
		var d = new Date();
		var o = element("birth_year");
		var birth_year = o.options[o.selectedIndex].value;
		if (birth_year <= (d.getFullYear()-22)) {
			submit_school_form();
		} else {
			goToStep3();
		}
	}
}
function submit_school_form() {
	var o = "";
	var text = "http://xxxxxx.com/engine/directpost?";
	//var text = "../response2.php?";
	text += "CID=" + encodeURIComponent(element("CID"));	
	text += "first=" + encodeURIComponent(element("fname").value);
	text += "&last=" + encodeURIComponent(element("lname").value);
	text += "&mail_addr_1=" + encodeURIComponent(element("addr").value);
	text += "&mail_city=" + encodeURIComponent(element("city").value);
	text += "&mail_stateprov=" + encodeURIComponent(element("state").value);
	text += "&mail_postalcode=" + encodeURIComponent(element("zip").value);
	text += "&email=" + encodeURIComponent(element("email").value);
	var phone = element("phone1").value + element("phone2").value + element("phone3").value
	text += "&home_phone=" + encodeURIComponent(phone);
	o = element("birth_day");
	var birth_day = o.options[o.selectedIndex].value;
	text += "&bdate_day=" + encodeURIComponent(birth_day);
	o = element("birth_month");
	var birth_month = o.options[o.selectedIndex].value;
	text += "&bdate_month=" + encodeURIComponent(birth_month);
	o = element("birth_year");
	var birth_year = o.options[o.selectedIndex].value;
	text += "&bdate_year=" + encodeURIComponent(birth_year);
	o = element("gender");
	var gender = o.options[o.selectedIndex].value
	text += "&gender=" + encodeURIComponent(gender);
	o = element("program_type");
	var program_type = o.options[o.selectedIndex].value
	text += "&program_type=" + encodeURIComponent(program_type);
	o = element("level_of_education");
	var level_of_education = o.options[o.selectedIndex].value
	text += "&level_of_education=" + encodeURIComponent(level_of_education);
	text += "&user_ip=" + encodeURIComponent(element("user_ip").value);
	text += "&timestamp=" + encodeURIComponent(element("timestamp").value);
	text += "&domain=" + encodeURIComponent(element("domain").value);
	
	var complete = sendData(text);
//	if (complete) {
		goToStep3();
//	}
}
function goToStep3(){
	window.location = "redirect3.php";
}

function GetXmlHttpObject() {
	var xmlHttp=null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e) {
		// Internet Explorer 
		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			try	{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) {
				alert("Your webbrowser does not support AJAX");
				return false;
			}
		}
	}
	return xmlHttp;
}
function sendData(text) {
	xmlHttp=GetXmlHttpObject();
	var url = 'http://xxxxxx.com/engine/directpost?'+text;
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			if (xmlHttp.status == 200) {
				return true;
			} else {
				return false;
			}
		}
	}
	xmlHttp.open('GET', url, true);
	xmlHttp.send(null);
}

THanks!

hi dears,

I'm trying to do simple form validation.
But the form submits right after validated! at FireFox only. as i tried it at IE it works fine.

condition:
if return false the event must be stop, killed submitting the form value's.

my form is:
Code:

<form action="index.php" id="cat_form" method="post" name="cat_form" onsubmit="return cats();">

my js is:

Code:

function cats()
{
        if  (document.cat_form.txttitle.value=="")
        {
        alert ("Sorry, Don't keep it blank!!")
        cat_form.txttitle.focus();
        return false;
        }
	else if (document.farticle.txtperpg.value==0)
	{
		alert("Sorry, Value must be grater than Zero"); 
	        cat_form.txtperpg.focus();
		return false; 
	}
	else
	{
		 return true;	
	}
}

Any Idea ?

Hello all. I have started working on my companies website, http://www.janwyck.net Within it is an order form for ordering paint sundries from a shopping cart using javascript and cookies. After the customer selects a few items and fills out the form if they hit Submit, it brings up a pop-up that says First False. The only way I know to show you guys is to show the page code, I am sorry:

Code:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 2.0">
<title>Janwyck Decorating Center</title>
</head>


<script language="javascript">



index = 0;
	
function format(val, post)
{
    var decpoint;
    var begin;
    var end;
    var valstr;
	var temp_char;

    valstr = "" + val;
	//alert('valstr = ' + valstr);
    decpoint = valstr.indexOf(".")
    if (decpoint != -1) {
	    //alert('decpoint = ' + decpoint);
        begin = valstr.substring(0,decpoint);
        end = valstr.substring(decpoint+1,valstr.length);
		//alert('begin = ' + begin + '\nend= ' + end);
    }
    else {
        begin = valstr;
        end = "";
    } 
	if (end.length < post)
	 {while (end.length < post)
	    {
        end += "0";
        }
	 }
     
	end = end.substring(0,post);
	//alert('begin = ' + begin + '\nend= ' + end);
    return (begin+"."+end);
}


function orderSubmit(type) 
{
    if (type == 'order')
	    {if (  !  ( (document.order.order_type.checked) ||
                checkRequired() ))
				
	{	// checkCardNumber();            ENTRY HERE
	         alert('first true');
             document.order.form_action.value = type;
             document.order.submit();
             return true;
			 
        }
        else {
		    alert('first false');
            return false;
			
        }
    }
    
}




 

var infowin = null;





function copyToShipping() {
    if (document.order.same_flag.checked) {
        document.order.ship_name.value = document.order.name_first.value+' '+document.order.name_last.value;
        document.order.ship_address1.value = document.order.address1.value;
        document.order.ship_address2.value = document.order.address2.value;
        document.order.ship_city.value = document.order.city.value;
        document.order.ship_state.value = document.order.state.value;
        document.order.ship_zip.value = document.order.zip.value;
        document.order.ship_country.value = document.order.country.value;
        document.order.ship_phone.value = document.order.phone.value;
    }
}

function disableSameFlag() {
    document.order.same_flag.checked = false;
}



function checkRequired() {
    if (!document.order.name_first.value.length ||
            !document.order.name_last.value.length ||
            !document.order.email.value.length ||
            !document.order.address1.value.length ||
            !document.order.city.value.length ||
            !document.order.state.value.length ||
            !document.order.zip.value.length ||
            !document.order.country.value.length) { 
        alert('You have not completed all required fields:\n' +
              'Please complete the Name, Address, City,\n' +
              'County, Post Code, and Country in the\n' +
              'Customer Info section');
        return true;
    }
    else {
        return false;
    }
}








<!-- -->
</script><!-- --><a name="top"></a>





<body background="images/thisback.gif" bgcolor="#FFFFFF"
text="#000000" onLoad=parent.refresh_ship_details(parent.ship_details) onUnload=parent.add_ship_details(parent.ship_details)>
<center>
<script
language="javascript">
<!-- hide




if (self==parent){document.write('<font color=#ff000><b>This is a frame element, click <a href=index.htm> here </a>for correct page</b></font>')};
<!-- end hide -->
</script>

<p><font color="#FF0000" size="7"><i>Janwyck Order Form</i><br>
</font></p>

<table border="0" width=400>
    <tr>
        <td align="center" bgcolor="#FF0000"><font
        color="#FFFFFF"><b>Please wait while the scripted order
        form is generated....... </b></font>

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

<p><font size="6">Order Form</font> <br>

<!-- HEY!!!  PUT YOUR EMAIL ADDRESS IN THE LINK BELOW SO THEY CAN WRITE TO YOU -->

<b>In the event of difficulty with this script please email us direct on <a href=mailto:janwyckpaint@gmail.com>Janwyck Paint</a> or call us on (706)865-2811</b>

</p>


<!-- YOU CAN PUT YOUR EMAIL ADDRESS IN THE FORM COMMAND BELOW AND THE -->
<!-- THEN IT WILL BE SENT TO YOU AS A SIMPLE MAILTO GUESTBOOK FORM -->
<!-- IF YOU DO THAT - BE SURE TO ADD THE COMMAND enctype="plain/text" -->
<!-- IN ORDER TO DELINEATE THE MAIL FOR YOU -->
<!-- YOU CAN ALSO USE TE .PL FILE AS A CGI TO HELP WTH THE MAIL.  SEE THE TUTORIAL  -->
<!-- FOR MORE ON HOW THAT IS DONE -->


<form action="MAILTO:janwyckpaint@gmail.com" method="POST" name="order" enctype="plain/text">
    <input type="hidden" name="Order Form"
    value="Order Forms - Order Form"><input type="hidden"
    name="recipient" value="janwyckpaint@gmail.com"><input
    type="hidden" name="redirect"
    value="thanku.htm"><input
    type="hidden" name="retailer" value="Janwyck Decorating Center"><input
    type="hidden" name="form_action" value="order">

<script
    language="javascript">
<!-- hide from Browsers
document.write('<table width=400><td align=center>'); 

document.write('<table width=400 ><tr><tr><td align=right colspan=3 BGCOLOR=#FF9999><font size=+2>Running Total : $ </td><td colspan=3 BGCOLOR=FF9999> <input type=text name=total size=6 value='+ format(parent.all_order_totals(),2) + '></font></td><tr>');



	 
document.write('<td colspan=6 align=center><b>This is your Order Total so far<br>.</td></tr><tr></table>');
if (parent.items_ordered == 0)
    document.write('<font color=#000080><b>You have not ordered any items so far<b></font>');



if (parent.item_num > 0)
{

for (i =1;i < parent.item_num;i++)
   { if (parent.itemlist[i].quan > 0)
     {index = index + 1;
document.write('<a href='+ parent.itemlist[i].url + '><i><b> review : </b></i></a><input size=10 type=text name= ' + parent.itemlist[i].code + '   value= ' +  parent.itemlist[i].code + '><input size=6  type=text name= ' + parent.itemlist[i].code + ' value=' +  parent.itemlist[i].price + '><input size=20 type=text  name= ' + parent.itemlist[i].code + '  value= '+  parent.itemlist[i].desc + '><input size=2 type=text name= ' + parent.itemlist[i].desc + '  value= '+  parent.itemlist[i].quan + '><br>');

     } 
   }
}

 

	
<!-- end hiding -->
</script>	

<table border="0" width=400>
        <tr>
            <td align="center" colspan="6" bgcolor="#FF9999"><b>Comments
            &amp; Additional Information <br><font color=#ffff00>Can be written in the box below</font><br>
</b></td>
        </tr>
        <tr>
            <td colspan="6"><center><textarea name="comments" rows="10"
            cols="40"></textarea></center></td>
        </tr>
    </table>
<!-- Customer Info Table -->    
<table border="0" cellpadding="0" cellspacing="0"
    bgcolor="#00FFFF" width=400>
        <tr>
            
            <td align="center" colspan="5" bgcolor="#CCFFFF"><b>Customer
            Information / Details</b></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>First
            Name: </b></td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="30" name="name_first"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Last
            Name:</b> </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="30" name="name_last"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Email
            Address:</b> </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="60" name="email"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Address:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="60" name="address1"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF">&nbsp;
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="60" name="address2"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>City:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="30" name="city"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>County:</b>
            </td>
            <td bgcolor="#CCFFFF"><input type="text" size="8"
            maxlength="10" name="state"></td>
            <td align="right" bgcolor="#CCFFFF"><b>Post Code:</b>
            </td>
            <td bgcolor="#CCFFFF"><input type="text" size="9"
            maxlength="10" name="zip"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Country:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="25" maxlength="25" name="country" value="UK"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Phone:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="25" maxlength="25" name="phone"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Fax:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="25" maxlength="25" name="fax"></td>
        </tr>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF"><input
            type="checkbox" name="mail_list">Check here to be
            included on our mailing list </td>
        </tr>
    </table>
    <p align="center"><br>

    <p align="center"><br>
<!-- Order Method Table -->    </p>
    <table border="0" cellspacing="0" width=400>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF"><font
            size="4"><b>Choose Order Method:</b></font></td>
        </tr>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF">&nbsp;&nbsp;
            
            <font size="2">Phone Call: <input type="radio"
            name="order_type" value="phone"></font>&nbsp;&nbsp; </td>
        </tr>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF"><a
            href="options.htm" target=navigate>
           
            </td>
        </tr>
    </table>
    <p><br>
    <p><br>


    <p align="center"><br>

     <input
    type="button" value="Place Order"
    onclick="orderSubmit('order')"> <input type="reset"
    value="Reset Address Details"> </p>
</form>
</td></table>
</center>
</p>
</body >
</html>

I hate posting that much code. I think though that it might be related to:
Code:

function orderSubmit(type) 
{
    if (type == 'order')
	    {if (  !  ( (document.order.order_type.checked) ||
                checkRequired() ))
				
	{	// checkCardNumber();            ENTRY HERE
	         alert('first true');
             document.order.form_action.value = type;
             document.order.submit();
             return true;
			 
        }
        else {
		    alert('first false');
            return false;
			
        }
    }
    
}

But I am not quiet sure. ANy help I may get is greatly appreciated as the site is very close to going live and this is my BIG problem.

Does anyone know why I am not getting an alert on an empty form INPUT value?

Code:

if (document.forms["form"]["targetname"].value == "" && document.forms["form"]["unknownname"] == false) {
	alert ("What ever");
	return false;
}

document.forms["form"]["targetname"] is a form INPUT text
document.forms["form"]["unknownname"] is a form INPUT checkbox

I suspect the problem is due to 'false'.. but I can't figure out why.

Hello all,

I have a multistep jquery form that validates user input and then should send me an email. Problem is, right now, I can only get it to validate the first page, then it sends the email before the rest of the pages are viewed.

I'm just trying to delay the submission of the form until the "submit_fourth" button is pressed. I've got $25 via paypal for the one who sticks with this one for long enough to come up with a workable solution.

Here is my code... I know it's a lot, but I wasn't sure how much would be helpful. HTML code is in the second post in this thread (it was just too much to fit in one go).

Cheers!
-Dave

The Javascript:
Code:

$(function validateForm(){
		
    //original field values
    var field_values = {
            //id  :  value
            'name'  :  'your name',
            'email'  :  'email',
			'phone'  :  '(555) 123-4567',
			'other'  :  'other',
			'detail'  :  'project overview'
    };

    //inputfocus
    $('input#name').inputfocus({ value: field_values['name'] });
    $('input#email').inputfocus({ value: field_values['email'] });
    $('input#phone').inputfocus({ value: field_values['phone'] });
	$('input#other').inputfocus({ value: field_values['other'] });
	$('input#detail').inputfocus({ value: field_values['detail'] });

    //reset progress bar
    $('#progress').css('width','0');
    $('#progress_text').html('0% Complete');

    //first_step
    $('form').submit(function(){  });
    $('#submit_first').click(function(){
        //remove classes
        $('#first_step input').removeClass('error').removeClass('valid');

        //ckeck if inputs aren't empty
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
        var fields1 = $('#first_step input[type=text]');
        var error = 0;
        fields1.each(function(){
            var value = $(this).val();
            if( value.length<5 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });        
        
        if(error <= 0) {   
                //update progress bar
                $('#progress_text').html('25% Complete');
                $('#progress').css('width','85px');
                
                //slide steps
                $('#first_step').slideUp();
                $('#second_step').slideDown();                 
        } else 
			return false;
    });

	$('#back_second').click(function(){

                //update progress bar
                $('#progress_text').html('0% Complete');
                $('#progress').css('width','0px');
                
                //slide steps
                $('#second_step').slideUp();
                $('#first_step').slideDown();     

    });

    $('#submit_second').click(function(){
        //remove classes
        $('#second_step input').removeClass('error').removeClass('valid');
 
        var fields2 = $('#second_step input[textarea]');
        var error = 0;
        fields2.each(function(){
			var value = $(this).val();
			
            if( value.length<5 || value==field_values[$(this).attr('id')] ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }	
		});	
		
        if(error <= 0) { 
                //update progress bar
                $('#progress_text').html('50% Complete');
                $('#progress').css('width','170px');
                
                //slide steps
                $('#second_step').slideUp();
                $('#third_step').slideDown();     
        } else 
			return false;

    });

	$('#back_third').click(function(){

                //update progress bar
                $('#progress_text').html('25% Complete');
                $('#progress').css('width','85px');
                
                //slide steps
                $('#third_step').slideUp();
                $('#second_step').slideDown();     

    });

    $('#submit_third').click(function(){
        //update progress bar
        $('#progress_text').html('75% Complete');
        $('#progress').css('width','255px');

        //prepare the fourth step
		var fields3 = new Array(
			$('#time').val(),  
			$('#budget').val()             
        );
		var fields2half = new Array(
			$('#detail').val()
		);
		var fields2 = new Array(
            $('#other').val(),   
			$('#pages').val()		
		);	

		var fields1 = new Array(
            $('#name').val(),
            $('#email').val(),
            $('#phone').val(),
            $('#contact').val(),
            $('#url').val()
		);
        var tr = $('#fourth_step tr');
        tr.each(function(){
            //alert( fields[$(this).index()] )
            $(this).children('.1 td:nth-child(2)').html(fields1[$(this).index()]);
			$(this).children('.2 td:nth-child(2)').html(fields2[$(this).index()]);
			$(this).children('.2half td:nth-child(2)').html(fields2half[$(this).index()]);
			$(this).children('.3 td:nth-child(2)').html(fields3[$(this).index()]);
        });
                
        //slide steps
        $('#third_step').slideUp();
        $('#fourth_step').slideDown();            
    });

	$('#back_fourth').click(function(){

                //update progress bar
                $('#progress_text').html('50% Complete');
                $('#progress').css('width','170px');
                
                //slide steps
                $('#fourth_step').slideUp();
                $('#third_step').slideDown();     

    });

    $('#submit_fourth').click(function(){
        //send information to server

		        //update progress bar
                $('#progress_text').html('100% Complete');
                $('#progress').css('width','339px');
                
                //slide steps
                $('#fifth_step').slideUp();
                $('#fourth_step').slideDown(); 
				
		if(error <= 0) {        	
        	return true
    	}
    	else{
    		return false
    	}
				  
    });

});