JavaScript - Need Syntax Help

i get this error when ever i try to process the form:

There was a SyntaxError: Unexpected token < error due to an parsererror condition.


Javacsipt/jquery:

$(document).ready(function(){

$("#slide").click(function(){
$("#inner-wrapper").slideToggle();
});

$('form #response').hide();
$('#submit').click(function(e){

e.preventDefault();

var valid = '';
var required = ' is required';
var name = $('form #name').val();
var email = $('form #email').val();
var fname = $('form #fname').val();
var femail = $('form #femail').val();
var message = $('form #message').val();
var honeypot = $('form #honeypot').val();
var humancheck = $('form #humancheck').val();

//Error checking


if (name == '' || name.length <=2) {
valid = '<p>Your name' + required + '</p>';
}

if (!email.match(/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/)) {
valid += '<p>Your email' + required + '</p>';
}

if (fname == '' || fname.length <=2) {
valid += '<p>Your friend\'s name' + required + '</p>';
}

if (!femail.match(/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/)) {
valid += '<p>Your friend\'s email' + required + '</p>';
}


if (message == '' || message.length <=5) {
valid += '<p>A message' + required + '</p>';
}

if (honeypot != 'http://') {
valid += '<p><center>Spambots are not allowed.</center></p>';
}

if (humancheck != '') {
valid += '<p><center>A human user' + required + '</center></p>';
}

if (valid != '') {
$('form #response').removeClass().addClass('error')
.html('<strong>Please correct the errors below.</strong>' + valid).fadeIn('2000');
}else {
$('form #response').removeClass().addClass('processing').html('<center>Working...</center>').fadeIn('2000');

var formData = $('form').serialize();
submitForm(formData);

}

});

});

function submitForm(formData) {
$.ajax({
type: 'POST',
url: 'emailfriend.php',
data: formData,
dataType: 'json',
cache: false,
timeout: 7000,
success: function(data) {
$('form #response').removeClass().addClass((data.error === true) ? 'error' : 'success')
.html(data.msg).fadeIn('fast');

if ($('form #response').hasClass('success')) {
setTimeout("$('form #response').fadeOut('slow')", 5000);
}
},

error: function(XMLHttpRequest, textStatus, errorThrown) {
$('form #response').removeClass().addClass('error')
.html('<p>There was a <strong>' + errorThrown +
'</strong> error due to an <strong>' + textStatus +
'</strong> condition.</p>').fadeIn('fast');
},
complete: function(XMLHttpRequest, status) {
$('form')[0].reset();
}

});
};

php file

PHP Code:
<?php
  error_reporting(E_ALL ^ E_NOTICE);
  
  sleep(3);
  
  $name = stripslashes($_POST[name]);
  $email = stripslashes($_POST[email]);
  $fname = stripslashes($_POST[fname]);
  $femail = stripslashes($_POST[femail]);
  $message = stripslashes($_POST[message]);
  $honeypot = $_POST[honeypot];
  $humancheck = $_POST[humancheck];
  
  if ($honeypot == 'http://' && empty($humancheck)) {
  
      $error_msg = '';
      $reg_exp = "/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/";
      
      if (!preg_match($reg_exp, $email)) {
         $error_msg .= "<p>A valid email is required</p>"; 
      }
      
        if (!preg_match($reg_exp, $femail)) {
         $error_msg .= "<p>A valid email is required</p>"; 
      }
      
      if (empty($name)) {
         $error_msg .= "<p/>Please provide your name</p>";
      }
      
      if (empty($fname)) {
         $error_msg .= "<p/>Please provide your name</p>";
      }
      
      if (empty($message)) {
          $error_msg .= "<p>A message is required.</p>";
      }
      
      if (!empty($error_msg)) {
         $return['error'] = true;
         $return['msg'] = "<h3>Oops! Looks like you missed a few fields.</h3>".$error_msg;
         echo json_encode($return);
         exit();
         
      }else {
        $return['error'] = false;
      
        $ref=@$HTTP_REFERER; 
        /////Message at the top of the page showing the url////
        $header_message = "Hi $fname \n Your friend $name requested you to visit this page at \n $ref \n";
        /// Body message prepared with the message entered by the user ////
        $body_message =$header_message."\n".$message."\n";
        // IP address of visitor is added to message, you can remove it if not required.//
        $body_message .="\n Sent from http://www.separatethescams.com";
        //// Mail posting part starts here /////////

        $headers="";
        //$headers = "Content-Type: text/html; charset=iso-8859-1\n".$headers; 
         // Un comment the above line to send mail in html format
        $headers4=$email;         // Change this to change from address
        $headers.="Reply-to: $headers4\n";
        $headers .= "From: $headers4\n"; 
        $headers .= "Errors-to: $headers4\n"; 

        $subject="$name visit this site!";

        mail($femail,$subject,$body_message,$headers);
      
         $return['msg'] = " <b><p><center>Thanks for spreading the word! :) " . "<font color='red'>" .$name .  "</font>" . " </p>" . "</b>" . "</center>";
         echo json_encode($return);
      }
      
  }else {
      $return['error'] = true;
      $return['msg'] = "<h3><center>0ops there was a problem submitting the data. Please try again!</center></h3>";
      echo json_encode($return);
  }

?>


html file

<html>
<head>
<link rel="stylesheet" href="ajaxform/form.css" type="text/css" media="screen"/>
</head>
<body>

<div id="wrapper">
<h3 id="slide">Email This Page To a Friend</h3>
<hr></hr>
<div id="inner-wrapper">

<form id="my_form" action="ajaxform/emailfriend.php" method="post">

<div id="response"><!--This will hold error message and response from server. --></div>
<div class="inputs">
<p>
<label>Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;</label>
<input name="name" type="text" placeholder="Your Name" class="required" id="name" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;</label>
<input name="email" type="text" placeholder="Your Email" class="required" id="email" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Friend's Name&nbsp;&nbsp;</label>
<input name="fname" type="text" placeholder="Friend's Name" class="required" id="fname" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Friend's Email&nbsp;&nbsp;</label>
<input name="femail" type="text" placeholder="Friend's Email" class="required" id="femail" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label id="msg">Message&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<textarea name="message" cols="24" rows="5"type="text" placeholder="Message To Friend" class="required" id="message"></textarea>
</p>
</div>

<div class="button">
<input name="submit" type="submit" id="submit" value="EMAIL PAGE" />
</div>

<div class="inputs">
<input type="hidden" name="honeypot" id="honeypot" value="http://" />
<input type="hidden" name="humancheck" id="humancheck" class="clear" value="" />
</div>

</form>
</div> <!-- inner-wrapper end -->
</div>

<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="ajaxform/ajax_submit.js"></script>
</body>
</html>

I have a webpage that has "classes" that are dynamically populated. if a class is empty, or not populated, can I use JavaScript to hide the "class"? If so How?
Sorry for such a noob question. Thanks in advance for any help

Hi all,
I have some card/images and would like to have the first one displayed.Which i can do.

Then when I mouse click on the card/image it goes to another image for say 2 secs, then with out clicking goes back to the orignal card. I have played with the syntax for ages and also looked on the net and cannot get it right.

This is what I have so far.
Code:

<html>
<head>
<script>
var back = new Image();
back.src = "back.gif";// preloads the image.

var ace = new Image();
ace.src = "0.gif"; //Preload the Image

var two = new Image();
two.src = "1.gif";// preloads the image.

var three = new Image();
three.src = "2.gif";// preloads the image.

var four = new Image();
four.src = "3.gif";// preloads the image.

var five = new Image();
five.src = "4.gif";// preloads the image.
</script>
</head>
<body>
<img name="img0">
<img name="img1"> // what is this for?

<script>

document.images['img0'].src = back.src;//displays image
/*How do I have one card diplayed then mouseclick on that one card and another card will display for 2 secs 
then the card will go back to original card.
*/
</script>

</body>
</html>

Any ideas ?
Thanks heaps
Shayne

Code:

out += (out ? rogueArray[14] : rogueArray[13]) + arrayItem + ((vanWilder[arrayItem] !== null) ? = + encodeURIComponent(vanWilder[arrayItem]) : rogueArray[13]);

There is supposedly a syntax error here on the line up until [arrayItem in Dreamweaver. Any help?

On this page
http://jimpix.co.uk/ecards/262-no-words.html

I get this Javascript error in IE6:

Code:

Line: 5
Character: 1
Code: 0
Error Message: Syntax error
URL: http://jimpix.co.uk/ecards/262-no-words.html

I'm using the DebugBar add in for IE (http://www.debugbar.com/)

The error message in DebugBar is this:
http://jimpix.co.uk/junk/error.png

And the view-source of the page is he
http://jimpix.co.uk/junk/source-code.png

I don't get the error in Firefox 3 or IE7.

I can't work out how to fix it.

Any advice would be much appreciated.

Thanks!

Can someone point where i'm going wrong? I want to evaluate the values of 'miles' to be >=0 and 'putime' to between 0 and 24 only.
Code:

<script type = "text/javascript">
	function TaxiFare() {
	// calculates taxi fare based upon miles travelled
	// and the hour of the day in military time (0-23).

	var baseFare = 2.50;
	var costPerMile = 2.00;
	var nightSurcharge = 0.50; // 8pm to 6am, every night

	var milesTravelled = Number(document.getElementById("miles").value);
	var pickupTime = Number(document.getElementById("putime").value);

	var cost = baseFare + (costPerMile * milesTravelled);

	// add the nightSurcharge to the cost if it is after
	// 10pm or before 6am
	if (pickupTime >= 22 || pickupTime < 6) {
	cost += nightSurcharge;
	}
	if((document.getElementById('miles').value>=0)&&(document.getElementById('putime').value>=0||<=24) {
	alert("Your taxi fare is $"  + cost.toFixed(2));
	}
	else{return 0;}
	}

	</script>

Is there a particular term for writing functions in this manner? I'm interested in doing some reading up on it but don't quite know what to search for.
Code:

(function(msg){
  document.write(msg);
})("What's that smell?");

why does my javascript function run right away when the page loads? but not wen the button is clicked? its working the opposite to how i want it to
i didnt include the other html tags to help focus on this.
Btw im tryna avoid the method of having the onclick="funct()" method which would be written in the button tag. Thank you.

<body>
<button id="mybutton">Click me</button>
</body>

<script type = "text/javascript">
var b = document.getElementById("mybutton");
b.onclick = funct()

function funct()
{
alert("Thanks for clicking me!");
}
</script>

I'm trying to implement a syntax highlighter in my program, but jQuery 1.2.6 is giving me problems.

This line specifically: Code:

 parse: [/^(\[) *@?([\w-]+) *([!*$^~=]*) *('?"?)(.*?)\4 *\]/, /^(:)([\w-]+)\("?'?(.*?(\(.*?\))?[^(]*?)"?'?\)/, new RegExp("^([:.#]*)(" + chars + "+)")],

it messes with every javascript editor's syntax highlighting I've tried so far too. It looks like they're declaring a regex pattern without a delimiter. Can anybody make sense of this line?

When using anonymous wrappers (I guess they are called like that), what does "()" part do at the end of the stack? An example:
Code:

( 
function() {}
) 
() //Here!

What does it do and how can we use it?

I am just learning the basics and am trying to figure out timing with setTimeout()

Code:

<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
setTimeout("document.write('Hello   There   World');", 2000);
setTimeout("document.write("<p>" + Date() + "</p>");", 2000);
</script>

the 1st document.write works and the 1st setTimeout() works, but then I add the fourth line and the page will not load.

Why does it not like my 4th line : "setTimeout("document.write("<p>" + Date() + "</p>");", 2000);"?

Hi All,
Experienced in Applescript, but recently switched to JavaScript, I am having problems with the syntax for Regexp. Basically part of a longer In-Design script needs to search by word for (1-2-3). where the numbers changed each time. Below is the attempt to achieve this, any help gratefully appreciated.

Code:

for(z=0; z<newTextFrame.words.length; z++) 
	{
		var theTips=/(\*-\*-\*)./;
		if(newTextFrame.paragraphs.item(0).words.item(z).contents==theTips) 
	{
		alert(z);
		newTextFrame.paragraphs.item(0).words.itemByRange(z,z).appliedCharacterStyle=charStyle1; 
		}
}

Hi,

Im currently building my first website, I'm trying to use a JQuery Slider effect for a top banner, however I seem to be getting a syntax error after the javascript.

Any ideas?

Ive attached a screenshot of the code

Thanks
Simon

I have an alert I'm using over in Salesforce to remind sales reps to use a special terms document when quoting.

Problem is, the alert is going off for ALL accounts, not just "Account1" and "Account2".

Is this line incorrect in syntax or something?
if ((isstatus == "Proposal/Price Quote") && (acct == "Account1", "Account2"))


Thanks all. This forum has been very helpful for me in the past so this was my first stop!

Jeremy


Code:

<html>
<head>

<script type="text/javascript" language="javascript" src="/js/functions.js"></script>
<script type="text/javascript" src="/soap/ajax/10.0/connection.js"></script>
<script type="text/javascript">

function throwalert()
{
    var isstatus = "{!Opportunity.StageName}";
    var acct = "{!Opportunity.Account}" 
    var msgg = "Please remember to use a special terms and conditions quote template when quoting this opportunity.";

   if ((isstatus == "Proposal/Price Quote") && (acct == "Account1", "Account2"))
    {
        alert(msgg);
    }
    else
    {
        window.parent.location.replace = "{URLFOR($Action.Opportunity.View, Opportunity.Id,null,true)};"
    }
}

</script>
</head>
<body onload="throwalert()";>
</body>
</html>