troubleshooting Question
change form target with jquery
Hello I have an html form with an onsubmit to validate the fields. If the form validates I have the form opening in a popup window.
So what I am doing to when the user clicks submit it does the check form. If that comes back with no validation issues the form opens a popup window that does some printing. On the popup page I have onload function that the confirmPrint function on the parent page to open up a modal window to ask if the pages printed properly. When the modal window closes I am calling the loaddata function to reload the page data. If the user does some other things on the main page the click submit and if the validation fails a blank tab opens. This is happening because I changed the form target to the formpopup. Is there a way I can change the form target back to what it was before.
I tried
and
and quite a few more things in the loaddata and the checkform function and I can't get anything to work properly.
function checkform()
{
some validation
$('#form1').submit(function() {
window.open('', 'formpopup', '');
this.target = 'formpopup';
});
}
function confirmPrint(theID)
{
var sURL = "checkifprintedModal.cfm?myID="+theID;
showPopWin(sURL,600,375,null);
}
function loaddata()
{
ajax to load table form
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("mydata").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getmystuff.cfm?accountID="+encodeURIComponent(accountID),true);
xmlhttp.send();
}
<body onload="loaddata();">
<form id="form1" target="_blank" onsubmit="return checkform()">
<div id="mydata">
<table>
<!--- ajax data goes here --->
<tr>
<td> <input type="submit" value="Submit">
</tr>
</table>
</div>
<table>
</form>
</body>
So what I am doing to when the user clicks submit it does the check form. If that comes back with no validation issues the form opens a popup window that does some printing. On the popup page I have onload function that the confirmPrint function on the parent page to open up a modal window to ask if the pages printed properly. When the modal window closes I am calling the loaddata function to reload the page data. If the user does some other things on the main page the click submit and if the validation fails a blank tab opens. This is happening because I changed the form target to the formpopup. Is there a way I can change the form target back to what it was before.
I tried
$('#form1').submit(function() {
$('#this').target="new";
});
var targetvalue = "new";
$('#form1').prop("target", targetvalue);
and
$('#form1').submit(function() {
$('#form1.target')="new";
});
and quite a few more things in the loaddata and the checkform function and I can't get anything to work properly.
Learn from the best
Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.
Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.
Our community of experts have been thoroughly vetted for their expertise and industry experience.
The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.