When I don't select a file for upload and only fill in the other inputs before posting the form, everything works fine. However, if I choose a file for image upload and then try to post it, I receive an error message. Interestingly, when I check the folder, I can see that the file has been successfully uploaded, but there seems to be a javascript failure.
jquery.form.js:357 Uncaught TypeError:
Object function (a,b){return new d.fn.init(a,b,g)} has no method 'handleError'
Here is the code snippet:
<form id="employeeaddform" class="classform" enctype="multipart/form-data" action="inc/employeeadd.php" method="post">
<p><input type="file" size="32" name="my_field" value="" /></p>
<p class="button"><input type="hidden" name="action" value="image" />
<label for="nname">Personal Name : </label>
<input name="nname" id="nname" type="text" tabindex="11" />
<br />
<label for="ninformation">Information : </label>
<textarea id="ninformation" name="ninformation"></textarea>
<div align="center">
<input id="button1" type="submit"/>
<input id="button2" type="reset" />
</div>
</form>
<script type="text/javascript">
$(document).ready(function(){
var options_employeeadd = {
beforeSubmit: validate_employeeadd,
success: showResponse_employeeadd
};
$('#employeeaddform').ajaxForm(options_employeeadd); });
function validate_employeeadd(formData, jqForm, options) {...}
function showResponse_employeeadd(responseText, statusText, xhr, $form) {...}