jQuery ajaxForm "h is undefined" problem
Posted
by Simon
on Stack Overflow
See other posts from Stack Overflow
or by Simon
Published on 2010-03-18T01:07:28Z
Indexed on
2010/03/18
1:11 UTC
Read the original article
Hit count: 359
jQuery
I have a form that is brought up in a ajaxed modal which I am using for updating user details. When the modal loads I call a js function:
teamCreate: function() {
$j("#step1,form#createEditTeam").show();
$j("#step2").hide();
var options = {
type: "get",
dataType: 'json',
beforeSubmit: before, // pre-submit callback
success: success // post-submit callback
};
$j("form#createEditTeam").ajaxForm(options);
function before(formData, jqForm, options){
var valid = $j("form#createEditTeam").valid();
if (valid === true) {
$j(".blockMsg").block({ message: $j('#panelLoader') });
return true; // submit the form
} else {
$j("form#createEditTeam").validate();
return false; // prevent form from submitting
}
};
function success(data){
if (data.status == "success") {
$j(".blockMsg").unblock();
} else {
//
}
};
function error(xhr, ajaxOptions, thrownError){
alert("Error code: " + xhr.statusText);
};
}
This works just fine when I first submit the form, regardless how many times the modal is opened and closed. However, if I submit the form and then open the modal again and try to submit the form again I get a js error:
h is undefined
© Stack Overflow or respective owner