JavaScript - How To Resolve An Invalid Assigment Left Hand Side Error Message?

Hello, I'm new here and a newbie to the world of java script. I am taking a CIT class and we just moved on to java script which i am having trouble with. My assignment is to calculate the average, number of passed, and number of failed grades according to this list (65, 80, 85, 55, 90, 70, 62, -1) where it terminates at -1 and the passing grade is >=70.

Any help is appreciated!

Can anyone help me with the following error message and correlating script please. I think it's just a simple omission. Any help appreciated. Thanks

Microsoft VBScript compilation error '800a0400'

Expected statement

/shop$db.asp, line 3083

end sub
^



sub ShopWriteHeaderBox (msg)
%>
<div class="comment_title fontbold"><%=msg%></div>
<div class="comment_text">
<div class="blog_review_container" >
<%
end sub

sub ShopWriteFooterBox (yesbr)
%>
</div>
</div>
<%
if lcase(trim(yesbr)) = "yes" then
%>
<br />
<%
end if
end sub

I can't seem to shake this error message.

Here is the code I am working with PHP Code:
<tr>

<td>
<img  onClick="showUser(1,\''.$time.'\');" src="'.$this->getPhoto($array[0][1]['uid'],'').'"  >
</td>

<td>
<img onClick="showUser(2,\''.$time.'\');" src="'.$this->getPhoto($array[0][2]['uid'],'').'" >
</td>

<td>
<img onClick="showUser(3,\''.$time.'\');" src="'.$this->getPhoto($array[0][3]['uid'],'').'" >
</td>

<td>
<img onClick="showUser(4,\''.$time.'\');" src="'.$this->getPhoto($array[0][4]['uid'],'').'" >
</td> 


and the function PHP Code:
'.$this->get_javascript_array($this->data,'data').'
 
     function showUser(arr, time) 
       {
       
      var likes;
      var comments;
      
           switch(time)
        {
            case "Day":
              
              
              likes = data['day\'][0][arr][\'likes\']);
              comments = data[\'day\'][0][arr][\'comments\']);
            
                            
              break;
            
            case "Week":
              
          
              likes = data[\'week\'][0][arr][\'likes\']);
              comments = data[\'week\'][0][arr][\'comments\']);

              
              break;
              
              case "Month":
              
                    likes = data[\'month\'][0][arr][\'likes\']);
              comments = data[\'month\'][0][arr][\'comments\']);

                            
              break;
              
              case "Year":
              
                  likes = data[\'year\'][0][arr][\'likes\']);
                  comments = data[\'year\'][0][arr][\'comments\']);

                              
              
              break;
            
                }
                
     };  
    
    </script>
 '; 


I keep getting the following error and it's driving me nuts

PHP Code:
missing ; before statement
[Break on this error] likes = data['day'][0][arr]['likes']);n 

hi guys, im not very good with javascript/jquery, i have the following code:

Code:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 $(window).ready(function() {
 	$("#responsecontainer").load("includes/inc-mess-jail.php", function(response, status, xhr) {
   
});
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('includes/inc-mess-jail.php?randval='+ Math.random());
   }, 9000);
   $.ajaxSetup({ cache: false });
});
</script>

it basically updates the div tag:

Code:

<tr>
    <td colspan="2">
        <div id="responsecontainer" align="center"></div>
    </td>
</tr>

i wanted to add an error message to it, that comes up underneath the <div id="responsecontainer" align="center"></div> that says "Error" with an id number next to it, then when your mouse goes over it a box comes out saying "there was a problem retrieving your information. the game will continue trying to resolve this" and then underneath where it says error i would like it to say the number of attempts it has tried to recollect the information.

obviously i would only like this error message to come up, when it cannot refresh the information.


Any help would be great, even pointing me in the right direction

Hi there, I have this form that validates a few textboxes & a dropdownlist. And when it is not filled in, the border of the textboxes and dropdownlist would turn red, followed by an alert message notifying which field have not been filled in.



Else, the border will revert back to black, and the form will be submitted successfully. There's a problem whereby when everything is filled in, the alert message still pops up. Any kind souls to help me? Thanks in advance.

Javascript

Code:

function check(checkForm) 
{
    var fields = new Array("Name","Email Address", "Domain Name");

    var index = new Array(),k=0;
    for(var i=0;i<fields.length;i++)
    {
        var isFilled = false;
	    var c = document.getElementsByName(fields[i]);
	    for(var j = 0; j < c.length; j++)
	    if(!c[j].value == "")
	    {
	        isFilled = true;
	        c[j].className = "defaultColor";	        
        }
        else
        {
            c[j].className ="changeToRed";
        }  
	          
	    if(!isFilled)
	    {
            index[k++] = fields[i];
	    }
    }
    if(k.length!=0)
    {
	    joinComma = index.join(', ');
		alert('The field(s) corresponding to '+ joinComma + ' is/are not selected.');
		    return false;
    }
}

HTML

Code:

*Last Name:
<input type="text" id="Text27" name="Last Name" /><br />
<br />

*Email Address:
<input type="text" id="Text28" name="Email Address" />
@
<select id="Select5" name="Domain Name">
   <option></option>
   <option>hotmail.com</option>
   <option>yahoo.com</option>
</select>

<input id="Submit5" type="submit" value="Submit" onclick="return check(checkForm)"/>

How Do I Put An Error Message In This Age vervication htm page Below?

----------------------------------------------------------------------

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="http://cdn.battlefieldbadcompany2.com//misc/favicon.ico" type="image/x-icon">
<link type="text/css" rel="stylesheet" media="all" href="./agegate_files/css_2b22bb76f86419edef5093a148bae2d9.css">
<link type="text/css" rel="stylesheet" media="print" href="./agegate_files/css_d34ed7daed866afd03ff14a52c469b82.css">
<!--[if IE]>
<link type="text/css" rel="stylesheet" media="all" href="http://battlefieldbadcompany2.com/sites/all/themes/zen_ninesixty/css/ie.css?D" />
<![endif]-->
<script type="text/javascript" src="./agegate_files/js_07d74692b8bac063e891abbaba65653e.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "thickbox": { "close": "Close", "next": "Next \x3e", "prev": "\x3c Prev", "esc_key": "", "next_close": "Next / Close on last", "image_count": "Image !current of !total" } });
//--><!]]>
</script>
</head>

<body class=" agegate">

<div id="wrapper">

<div id="page" class="container-12">

<div id="site-header">
<div id="header-inner" class="grid-12">


</div>
</div> <!-- End 'site-header' -->

<div class="agegate-block">
<div class="agegate-header">
<h2>Enter your age</h2>
</div>
<div class="content">
<img src='enterage.gif' />
<form action="./agegate_files/agegate.htm" accept-charset="UTF-8" method="post" id="agegate-form" class="agegate-form">
<div><div class="languages"><h3>Country ( US ONLY )</h3><div class="flag-wrapper"><div><ul>
<li class="en">
<a class="active" href="agegate.htm">
<img height="20" width="36" title="English" alt="English" class="language-icon" src="./agegate_files/en.gif">
</a>
</li>

</ul></div></div></div><div class="form-item" id="edit-age-wrapper">
<input type="text" maxlength="2" name="age" id="edit-age" size="2" value="" class="form-text agegate-age-input">
</div>
<div class="form-item"><a href='index.htm'><input type="submit" name="op" id="edit-submit" value="Continue" class="form-submit agegate-submit-btn"></a>
</div><input type="hidden" name="form_build_id" id="form-6167175a48bd92c722f6decc9d1c5ac7" value="form-6167175a48bd92c722f6decc9d1c5ac7">
<input type="hidden" name="form_id" id="edit-agegate-form" value="agegate_form">

</div></form>
</div>
</div>

</div> <!-- End 'page' -->
</div> <!-- End 'wrapper' -->

<div id="omnitureWrapper" style="display: none;"><script language="javascript" src="./agegate_files/utils.js"></script>
<script language="JavaScript"><!--
var language = "en";
omniture="home";
var country = "";
var category = "";
var host = "";
switch(language)
{
case "en":
country = "us";
category = "NA";
language = "en-US";
host = "eaeacom,eaeacomna,eaeabrandna,eagamebfbc2na,eagamebfbc2global";
break;
case "en-gb":
country = "uk";
category = "EMEA";
language = "en-GB";
host = "eaeacom,eaeacomeu,eagamesuk,eagamebfbc2uk,eagamebfbc2global";
break;
default:
country = "us";
category = "NA";
language = "en-US";
host = "eaeacom,eaeacomna,eaeabrandna,eagamebfbc2na,eagamebfbc2global";
break;
}

var s_account=omniCheckHost(host)
var s_imageDisableFlag = 0;
//--></script>
<script type="text/javascript" language="JavaScript" src="./agegate_files/s_code_remote_v02.js"></script>
<script language="JavaScript"><!--
s_ea.server=""
s_ea.channel=""
s_ea.prop1=s_ea.setUserState('No ID')
s_ea.prop2="BFBC2"
s_ea.prop3="GAMES"
s_ea.prop4="BATTLEFIELD"
s_ea.prop5= "BFBC2";
s_ea.prop7= "DICE";
s_ea.prop9= "MKT";
s_ea.prop10= "Agegate";
s_ea.prop11= category;
s_ea.prop12= language;
s_ea.prop15= "General Info";
s_ea.prop17= country.toUpperCase();
s_ea.prop18= country.toUpperCase()+":BFBC2";

s_ea.pageName=category+":"+country.toUpperCase()+":"+s_ea.prop3+":"+s_ea.prop7+":"+s_ea.prop9+":"+s_ ea.prop4+":"+s_ea.prop2+":"+s_ea.prop5+":"+s_ea.prop10.toUpperCase();

/* E-commerce Variables */
s_ea.eVar1="No ID";
s_ea.eVar3="BFBC2";
s_ea.eVar17=country.toUpperCase();
s_ea.eVar18=category ;
s_ea.eVar29=s_ea.setInitValOnce(country.toUpperCase()+":"+s_ea.prop2+":"+s_ea.prop5);
s_ea.eVar30=country.toUpperCase()+":"+s_ea.prop2+":"+s_ea.prop5;
s_ea.eVar34="GAMES";/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
if((s_imageDisableFlag == null) || (typeof (s_imageDisableFlag) == "undefined") || (!s_imageDisableFlag)){var s_code=s_ea.t();if(s_code)document.write(s_code);}//--></script><!-- End SiteCatalyst code version: H.0. --><script language="javascript" type="text/javascript" src="./agegate_files/omniture_wrapper.js"></script></div>


</body></html>

First post - spent the whole afternoon trying to figure it out and have hit a wall.

I'm trying to check a database of lotto numbers against 3 different values and have gotten it that to work. What I need is to give a feedback message if no match is found once the submit button is clicked.

Code:

function winCheck() {
	var grandPrize = $('#grandPrize').val();
	var otherPrize = $('#otherPrize').val();
	var addPrize = $('#addPrize').val();
	var resultrange = $('#resultrange').val();
	db.transaction(
        function(transaction) {
            transaction.executeSql(
                'SELECT * FROM entries WHERE daterange = ? ORDER BY lottonum;',
                [resultrange],
                function lottoCompare(transaction, result){
                    for (var i=0; i < result.rows.length; i++) {
					var row = result.rows.item(i);
					rowData = [row.lottonum];
					rowStr = rowData.toString();
						//the if else statements should go here.
						if (rowStr == grandPrize){
							alert('The lotto number ' + grandPrize + ' is a jackpot winner');
						} 
						if (rowStr.slice(-7) == otherPrize.slice(-7)){
							alert('The lotto number ' + rowStr + ' is a winner of $40,000');
						}
						if (rowStr.slice(-6) == otherPrize.slice(-6)){
							alert('The lotto number ' + rowStr + ' is a winner of $10,000');
						}
						if (rowStr.slice(-5) == otherPrize.slice(-5)){
							alert('The lotto number ' + rowStr + ' is a winner of $4,000');
						}
						if (rowStr.slice(-4) == otherPrize.slice(-4)){
							alert('The lotto number ' + rowStr + ' is a winner of $1,000');
						}
						if (rowStr.slice(-3) == otherPrize.slice(-3)){
							alert('The lotto number ' + rowStr + ' is a winner of $200');
						}
						if (rowStr.slice(-3) == addPrize){
							alert('The lotto number ' + rowStr + ' is a winner of $200');
						}
					} 
                },
                errorHandler
            );
        }
    );
    return false;
}

Any help is appreciated

Hi,
I have dozens of pages on my website which have just started showing an 'Error on page' message at the bottom left of Internet Explorer 8.0.
These messages do not appear when using Mozilla Firefox.
My website is www.lakesandcumbria.com and an example of a page showing the error message is http://www.lakesandcumbria.com/view/walks/ambleside.htm which contains a javascript drop down list. All other pages using this type of drop down list are showing the same error message (dozens of them).
I have ensured that 'Script debugging' is disabled in Internet Explorer but this hasn't helped!
Help - How can I stop this happening in Internet Explorer 8.0 please?

Hi, first post here. I was working on code for opening a link in a new window when clicked. I read somewhere that it's a good idea to remove all of the javascript elements from the HTML. So I pieced it together and it works. But I get the following error in IE8:

Code:

Message: 'document.getElementById(...)' is null or not an object

Here's the relevant HTML:

Code:

<a href="http://www.samplesite.com" id="sampleid">Sample Text</a>

And here's the relevant javascript that I put in a seperate .js file:

Code:

function samplefct() {
window.open(this.href);return false;
}

window.onload = function()
{document.getElementById("sampleid").onclick = samplefct;
}

The code does work as planned. But I'd still like to get rid of the error. Can anybody think of a different way of stating the javascript that would perform the same thing and lose the error?

Any help would be greatly appreciated.
Thanks!
IB

Hi Friends,
I am come with a new query in jQuery. I have a listing form in which the details showed , the View more Details is implemented using Ajax.
When Click "+" sign there is a loading image show First then the Result show there ... It's all working Fine , But I need a way to show Error
I mean some time Server Response is success with Empty String on that time I need to catch same .... I explain code Below:
Code:

 if(proceed) {
	      $.ajax({
		  	type: "POST",
		  	data: "key="+id,
		  	dataType: 'json',
		  	async: true,
		  	url: "<?php echo site_url(); ?>/server/view_serverdet/",
		  	beforeSend: function() {
	        	$('#view_load'+id).show();
	        	$('#view_load'+id).addClass(class);
	  		},
	        complete: function(){
                      	
	        		$('#view_load'+id).hide();
	        	}
	        },
		  	success: function (server_msg) {
		  		if (null == server_msg) {
		  			var warning = "<font color=\"red\">Unable to load server details</font>";
                	$('#view_load'+id).html(warning);
				} else {
					
                       // Working Fine!
                               }

But that error Just Show and Hide ... How I can show that Error there, If you have any idea , pls help me ASAP...

Thankfully
Anes P.A

Hi guys im trying to give users a warning message with javascript when the submit my login form without inserting any new data.
But I can't seem to find out how to stop the form from going to the login.php

here is my code.

Code:

<form name="te" onsubmit='login();' action='login.php' method='post'>
         <input name='username' maxlength='14' value='Username' type='text' />
          <input name='password' maxlength='20' value='Password' type='password' />
          <input type="submit" name="login" value="Login" />
</form>

javascript:
Code:

<script type="text/javascript">
function login() {
	var username = document.te.username.value;
	var password = document.te.password.value;
	
	if (username == 'Username' || username == '') {
		alert('empty username!');
		return false;
	}
	else {
		if (password == 'Password' || password == '') {
                                       alert('empty pass');
                                       return false;
		}
	}
             return true;
}
</script>

Hi people,
I need help as follows:

On the server side I have a php generated session parameter.
I need to pass it to javascript on the client side page.

I saw on the web the following solution:

<script language="JavaScript">
var mySessionVar="<%= Session["MySessionVar"] %>";
</script>

I tried it but it did not work.

I could not find any explanation of this syntax - will appreciate one.

Any suggestions, maybe in another way?

Thanks

http://www.codingforums.com/showthread.php?t=87742 I've been using the advice and code here to start incorporating expanding/collapsing tables into my work, but I'm hitting a little problem. I want to have multiple such tables side-by-side (each headed by a picture and populated by a lightbox, which isn't the issue), but Dreamweaver wants nothing to do with the idea. I don't really even know if it's possible, but if it is I'd like to know what sort of changes I might need to make to achieve it.

Hi

I have developed an internet mapping site which uses an html viewer with various frames to pull in a mapping window, a legend / key and a frame of tools amongst other things.

It works absolutely fine in Internet Explorer version 6, but whilst testing it in Internet Explorer 7, my mapping window is not loading up the image.

It might seem strange me posting this in a javascript forum but as the error is javascript related I thought I would give it a shot!

The error message I am receiving is "Access is denied".

After looking online, it appears as though this error could be linked to the use of frames; and those frames trying to access other windows with different document domains?? Does anyone know if new security measures have been implemented in IE7 which restricts the use of frames?

My code is below; does anyone notice anything that might give this kind of javascript error?

Any help will be greatly appreciated as I do not tend to dable too much in javascript!

Code:

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Intranet GIS Service</TITLE>
<HTML>
<HEAD>
	<SCRIPT LANGUAGE="JavaScript" SRC="javascript/aimsResource.js" TYPE="text/javascript"></SCRIPT>
	<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">	
		
		// Designer will set the next variable - theTitle
		//var theTitle = "Intranet GIS";
		var theTitle = "";
		if (theTitle.indexOf("###TITLE##")!=-1) theTitle = titleList[0];
		var cmdString = document.location.search;

		var webParams = cmdString;
		var reloadTimer=0;
		document.writeln("<TITLE>" + theTitle + "</TITLE>");
		
		function doIt() 
		{
			MapFrame.useJava=false;
			MapFrame.checkParams();
		}
		function replacePlus(inText) 
		{
		     var re = /\+/g;
		      inText = inText.replace(re," ");
		     return inText;
		}
		
		function reloadApp() 
		{
			//window.clearTimeout(reloadTimer);
			//reloadTimer = window.setTimeout("document.location.href = 'viewer.jsp' + cmdString",1000);
			
			//Above code replaced with this. Only the map should refresh after a resize, otherwise
			//all added datashare layers are lost.

			MapFrame.mWidth = MapFrame.getMapWidth();
			MapFrame.mHeight = MapFrame.getMapHeight();
			MapFrame.sWidth = screen.width;
			MapFrame.sHeight = screen.height;
			MapFrame.loadBannerLeft = parseInt((MapFrame.mWidth - 119)/2);
			MapFrame.loadBannerTop = parseInt((MapFrame.mHeight - 72)/2);
			MapFrame.document.getElementById("theMap").style.width = MapFrame.sWidth;
			MapFrame.document.getElementById("theMap").style.height = MapFrame.sWidth;
			
			MapFrame.iWidth = MapFrame.mWidth;
			MapFrame.iHeight = MapFrame.mHeight;
			
			MapFrame.legHeight = MapFrame.iHeight - 160;
						
			var cmd = 'MapFrame.sendMapXML();';
			cmd += 'MapFrame.document.getElementById("theImage").style.width = MapFrame.mWidth;';
			cmd += 'MapFrame.document.getElementById("theImage").style.height = MapFrame.mHeight;';
			
			window.clearTimeout(reloadTimer);
			reloadTimer = window.setTimeout(cmd,1000);
		}	
	
	</SCRIPT>
</HEAD>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
	var browser = navigator.appName;
	var moreStuff = 'onresize="reloadApp()"';
	var addNS = 0;
	if (browser=="Netscape") 
	{
		addNS = 3;
	}
	document.writeln('<FRAMESET ROWS="' + (45+addNS) + ',*,30,0" FRAMEBORDER="No" FRAMESPACING="0" onload="doIt()" BORDER=2 ' + moreStuff + '>');
	document.writeln('<FRAME NAME="TopFrame" SRC="topbar.htm" MARGINWIDTH="5" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE>');
	document.writeln('<FRAMESET COLS="' + (30+addNS) + ',*,270" FRAMEBORDER="No" FRAMESPACING="0" BORDER="2">');
	
</SCRIPT>
		<FRAME NAME="TextFrame" SRC="text.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE FRAMESPACING="0" BORDER="2">
		
		<!-- If textframe is used-->
		<FRAMESET ROWS="*,115">	
			<FRAME NAME="MapFrame" SRC="MapFrame.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="Yes" RESIZE="YES">
			<FRAME NAME="ToolFrame" SRC="blank.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto" FRAMEBORDER="No" RESIZE="YES">
		</FRAMESET> 
		 
		<!-- If textframe is not used -->
		<!--<FRAME NAME="MapFrame" SRC="MapFrame.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" RESIZE="YES">-->
		
		<FRAME NAME="TOCFrame" SRC="TOCFrame.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto" FRAMEBORDER="No" RESIZE="YES">
	</FRAMESET>
	<FRAMESET COLS="400,*" FRAMEBORDER="Yes" BORDER=2 FRAMESPACING="0">
		<FRAME NAME="ModeFrame" SRC="bottom.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE>
		<FRAME NAME="ModeFrame" SRC="bottom.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE>
	</FRAMESET>
	<FRAME NAME="PostFrame" SRC="jsForm.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No" FRAMEBORDER="No" NORESIZE FRAMESPACING="0" BORDER="2">
</FRAMESET>

<NOFRAMES>
<BODY>
<P>
</BODY>
</NOFRAMES>
</HTML>

Hi all,

New to the forum. I have downloaded a template off template monster and am currently in the process of modifying it to suit my needs.

I am currently working on the contact page which has a form and appears to be working fine however I have yet to receive an e-mail once the form is submitted. The forms uses Javascript (forms.js) and a MailHandler.php file.

I cant understand what is going wrong as everything seems to be working but perhaps im missing the obvious - You can view the page on http://zoeandeddie.webspace.virginme...m/index-4.html

Below is the content of the two files - ive replaced my actual email address with 'myemail@address.com:

forms.js

Code:

;(function($){
	$.fn.forms=function(o){
		return this.each(function(){
			var th=$(this)
				,_=th.data('forms')||{
					errorCl:'error',
					emptyCl:'empty',
					invalidCl:'invalid',
					notRequiredCl:'notRequired',
					successCl:'success',
					successShow:'4000',
					mailHandlerURL:'bin/MailHandler.php',
					ownerEmail:'myemail@address.com',
					stripHTML:true,
					smtpMailServer:'localhost',
					targets:'input,textarea',
					controls:'a[data-type=reset],a[data-type=submit]',
					validate:true,
					rx:{
						".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},
						".state":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},
						".email":{rx:/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i,target:'input'},
						".phone":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'},
						".fax":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'},
						".message":{rx:/.{20}/,target:'textarea'}
					},
					preFu:function(){
						_.labels.each(function(){
							var label=$(this),
								inp=$(_.targets,this),
								defVal=inp.val(),
								trueVal=(function(){
											var tmp=inp.is('input')?(tmp=label.html().match(/value=['"](.+?)['"].+/),!!tmp&&!!tmp[1]&&tmp[1]):inp.html()
											return defVal==''?defVal:tmp
										})()
							trueVal!=defVal
								&&inp.val(defVal=trueVal||defVal)
							label.data({defVal:defVal})								
							inp
								.bind('focus',function(){
									inp.val()==defVal
										&&(inp.val(''),_.hideEmptyFu(label),label.removeClass(_.invalidCl))
								})
								.bind('blur',function(){
									_.validateFu(label)
									if(_.isEmpty(label))
										inp.val(defVal)
										,_.hideErrorFu(label.removeClass(_.invalidCl))											
								})
								.bind('keyup',function(){
									label.hasClass(_.invalidCl)
										&&_.validateFu(label)
								})
							label.find('.'+_.errorCl+',.'+_.emptyCl).css({display:'block'}).hide()
						})
						_.success=$('.'+_.successCl,_.form).hide()
					},
					isRequired:function(el){							
						return !el.hasClass(_.notRequiredCl)
					},
					isValid:function(el){							
						var ret=true
						$.each(_.rx,function(k,d){
							if(el.is(k))
								ret=d.rx.test(el.find(d.target).val())										
						})
						return ret							
					},
					isEmpty:function(el){
						var tmp
						return (tmp=el.find(_.targets).val())==''||tmp==el.data('defVal')
					},
					validateFu:function(el){							
						el.each(function(){
							var th=$(this)
								,req=_.isRequired(th)
								,empty=_.isEmpty(th)
								,valid=_.isValid(th)								
							
							if(empty&&req)
								_.showEmptyFu(th.addClass(_.invalidCl))
							else
								_.hideEmptyFu(th.removeClass(_.invalidCl))
							
							if(!empty)
								if(valid)
									_.hideErrorFu(th.removeClass(_.invalidCl))
								else
									_.showErrorFu(th.addClass(_.invalidCl))								
						})
					},
					getValFromLabel:function(label){
						var val=$('input,textarea',label).val()
							,defVal=label.data('defVal')								
						return label.length?val==defVal?'nope':val:'nope'
					}
					,submitFu:function(){
						_.validateFu(_.labels)							
						if(!_.form.has('.'+_.invalidCl).length)
							$.ajax({
								type: "POST",
								url:_.mailHandlerURL,
								data:{
									name:_.getValFromLabel($('.name',_.form)),
									email:_.getValFromLabel($('.email',_.form)),
									phone:_.getValFromLabel($('.phone',_.form)),
									fax:_.getValFromLabel($('.fax',_.form)),
									state:_.getValFromLabel($('.state',_.form)),
									message:_.getValFromLabel($('.message',_.form)),
									owner_email:_.ownerEmail,
									stripHTML:_.stripHTML
								},
								success: function(){
									_.showFu()
								}
							})			
					},
					showFu:function(){
						_.success.slideDown(function(){
							setTimeout(function(){
								_.success.slideUp()
								_.form.trigger('reset')
							},_.successShow)
						})
					},
					controlsFu:function(){
						$(_.controls,_.form).each(function(){
							var th=$(this)
							th
								.bind('click',function(){
									_.form.trigger(th.data('type'))
									return false
								})
						})
					},
					showErrorFu:function(label){
						label.find('.'+_.errorCl).slideDown()
					},
					hideErrorFu:function(label){
						label.find('.'+_.errorCl).slideUp()
					},
					showEmptyFu:function(label){
						label.find('.'+_.emptyCl).slideDown()
						_.hideErrorFu(label)
					},
					hideEmptyFu:function(label){
						label.find('.'+_.emptyCl).slideUp()
					},
					init:function(){
						_.form=_.me						
						_.labels=$('label',_.form)

						_.preFu()
						
						_.controlsFu()
														
						_.form
							.bind('submit',function(){
								if(_.validate)
									_.submitFu()
								else
									_.form[0].submit()
								return false
							})
							.bind('reset',function(){
								_.labels.removeClass(_.invalidCl)									
								_.labels.each(function(){
									var th=$(this)
									_.hideErrorFu(th)
									_.hideEmptyFu(th)
								})
							})
						_.form.trigger('reset')
					}
				}
			_.me||_.init(_.me=th.data({forms:_}))
			typeof o=='object'
				&&$.extend(_,o)
		})
	}
})(jQuery)
$(function(){
	$('#contact-form').forms({
		ownerEmail:'myemail@address.com'
	})
})

MailHandler.php

Code:

<?php
	$owner_email = $_POST["owner_email"];
	$headers = 'From:' . $_POST["email"];
	$subject = 'A message from your site visitor ' . $_POST["name"];
	$messageBody = "";
	
	if($_POST['name']!='nope'){
		$messageBody .= '<p>Visitor: ' . $_POST["name"] . '</p>' . "\n";
		$messageBody .= '<br>' . "\n";
	}
	if($_POST['email']!='nope'){
		$messageBody .= '<p>Email Address: ' . $_POST['email'] . '</p>' . "\n";
		$messageBody .= '<br>' . "\n";
	}else{
		$headers = '';
	}
	if($_POST['state']!='nope'){		
		$messageBody .= '<p>State: ' . $_POST['state'] . '</p>' . "\n";
		$messageBody .= '<br>' . "\n";
	}
	if($_POST['phone']!='nope'){		
		$messageBody .= '<p>Phone Number: ' . $_POST['phone'] . '</p>' . "\n";
		$messageBody .= '<br>' . "\n";
	}	
	if($_POST['fax']!='nope'){		
		$messageBody .= '<p>Fax Number: ' . $_POST['fax'] . '</p>' . "\n";
		$messageBody .= '<br>' . "\n";
	}
	if($_POST['message']!='nope'){
		$messageBody .= '<p>Message: ' . $_POST['message'] . '</p>' . "\n";
	}
	
	if($_POST["stripHTML"] == 'true'){
		$messageBody = strip_tags($messageBody);
	}
	
	try{
		if(!mail($owner_email, $subject, $messageBody, $headers)){
			throw new Exception('mail failed');
		}else{
			echo 'mail sent';
		}
	}catch(Exception $e){
		echo $e->getMessage() ."\n";
	}
?>