I am using the Jquery Form pluging version 2.12 to submit a form with
a response of another form:
<script>
$(document).ready(function(){
$("[EMAIL PROTECTED]'formHello']").ajaxForm({
success:function(response){
$("div#formContainer").html(response);
}
});
});
</script>
<form name="formHello" action="form2.shtml" method="post">
<input type="text" value="hello" name="txtHello" />
<input type="submit" value="Send" name="btnSubmit" />
</form>
<div id="formContainer"></div>
When sent, it should have a response like such:
<form name="form2" action="success.shtml" method="post" >
<input type="text" value="" name="txtName" />
<input type="submit" value="Send" name="btnSubmit" />
</form>
But instead, i got this:
<input type="text" value="" name="txtName" />
<input type="submit" value="Send" name="btnSubmit" />
</form>
as you can see, the starting <FORM> tag is missing.
The only hack i have found so far is to wrap the form within a <body>
tag or put an " " just within the opening form tag. These are
both not feasible as we have to modify hundreds of files to add these.
The only option to fix is the javascript Jquery Form plugin. This is
only a problem within IE6/7 and works fine in Firefox, Safari, Opera,
and Google Chrome.
It seems that the problem is with IE explorer XHTML parsing from an
AJAX response. When you check the IFRAM that Form plugin uses, there
is no discrepancy, it gave me the correct response I want, but the
Form plugin seems to have a bug on this one.
Any help on this?
