[jQuery] jQuery Form Plugin Problem
Hi All, I'm having a baffling problem with the Form plugin. first let
me go ahead and post the code:
For the form:
[code]
<form method="post" action="includes/actions/addproject.inc.php"
id="addprojectform">
<fieldset class="awesomeform">
<legend>Add A Project</legend>
<label for="name">Project Name</label>
<input type="text" id="projName" name="name" size="25" />
<br />
<label for="location">Location</label>
<input type="text" id="projLocation" name="location"
size="25" />
<br />
<label for="participants">Participants</label>
<textarea name="participants" cols="20" rows="10"></textarea>
<br />
<label for="link">Link</label>
<input type="text" id="projLink" name="link" size="25" />
<br />
<label for="imgUpload">Image</label>
<input type="file" name ="imgUpload" id="projImg" />
<br />
<!--<input type="submit" id="submitForm" name="submit"
value="Add Project" /> -->
<input type="submit" id="submitForm" name="submitForm"
value="Add Project" />
</fieldset>
</form>
[/code]
And here's the jQuery:
[code]
$(document).ready(function() {
var options = {
dataType: 'json',
success: function(data) {
var response = "<img class='closer' src='images/
close.png' />";
response += "
The following project was added:</
p>";
response += "<table class='response'><tr>";
response += "<td class='hdr'>Project:</td><td>" +
data.name + "</td>";
response += "</tr>\n\t<tr>";
response += "<td class='hdr'>Location:</td><td>" +
data.location + "</td>";
response += "</tr>\n\t<tr>";
response += "<td class='hdr'>Participants:</td><td>"
+ data.participants + "</td>";
response += "</tr>\n\t<tr>";
response += "<td class='hdr'>Link:</td><td><a href='"
+ data.href + "'>" + data.href + "</a></td>\n";
response += "</tr>\n\t<tr>";
if(data.image != "No Image") {
response += "<td class='hdr'>Image:</td><td><img
src='" + data.image + "' /></td>";
response += "</tr>\n\t<tr>";
} else {
response += "<td class='hdr'>Image:</td><td>No Image
For This Project!</td>";
response += "</tr>\n\t<tr>";
}
if(data.error != "") {
response += "<td class='hdr'>Error:</td><td><img
src='" + data.error + "' /></td>";
}
response += "</tr>\n</table>";
$('#responseArea').html(response).show('slow');
}
};
$('#addprojectform').ajaxForm(options);
});
[/code]
The problem is, if I try to upload an image, nothing happens, if I
don't try to upload an image the form goes up to the server, and the
response is sent back as expected. I've tried adding code to the
server side to see if the form even makes it that far, and is doesn't.