Forum:

HTML Pages with CSS and JavaScript

document.forms[0].submit(); throws Invalid Argument in IE

Ranch Hand

Posts: 36

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi All,
I have a peculiar problem. I am developing a Struts 2.2 website. Now in one of the jsps, I use a function which inturn submits to another action.
Now, the problem is if, I call this function when it is present in .js file, it throws me an error "Invalid Argument".
However, if I copy-paste the same method in the jsp, then it works fine.

This is the method. The 0 is also alerted out, when I put the function definitiion in both the js file as well the jsp. However, the page doesn't get submitted from the .js file.
Am I missing something here?

Thanks a lot in advance!
Anirban

To living life on the edge! I blog my experiences @ http://anirbanchowdhury.wordpress.com.

Eric Pascarello

author

Posts: 15385

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Do you have a form element named submit? If you do, rename it.

Eric

Anirban Chowdhury

Ranch Hand

Posts: 36

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi Eric,
Thanks for your reply. I did have and I changed both the id and the name of the element. I checked the source as well after the page was rendered.Nothing with "submit". but sill the problem persists. This has a very easy workaround, but I hate duplicate code all over the jsps..

Thanks & Warm Regards
Anirban.

To living life on the edge! I blog my experiences @ http://anirbanchowdhury.wordpress.com.

Eric Pascarello

author

Posts: 15385

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

what does your form look like?

Eric

Anirban Chowdhury

Ranch Hand

Posts: 36

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

This is the button :

Also pasted below the source code, if you need it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<body id="newscentre">
<div id="wrapper">
<div id="header">
<div id="title1" class="title">
<h1>Something something something</h1>
<h2>A cause towards better society</h2>
</div>
</div>
 
<div id="menu">
<ul>
	<li><a >Home</a></li>
	<li><a >About</a></li>
	<li><a >Contact</a></li>
	<li><a >News</a></li>
	<li  class="menu1"><a >logout</a></li>

</ul>

</div>
<table>
	<tr>
		
			<td><font color="GREEN" size="2">Logged in as dutest1 </font></td>
		
	</tr>
</table>
  <script
	language="JavaScript" src="/TransportConnect/struts/utils.js"
	type="text/javascript">
	</script> <script language="JavaScript"
	src="/TransportConnect/struts/xhtml/validation.js"
	type="text/javascript"></script> <script language="JavaScript"
	src="/TransportConnect/struts/css_xhtml/validation.js"
	type="text/javascript"></script> 
	<script
	type="text/javascript" src="js/baseJSLib.js"> </script>
	 <script
	type="text/javascript" src="js/securityValidations.js"> </script> <script
	language="text/javascript" type="text/javascript"
	src="js/datetimepicker_css.js"></script> <script language="JavaScript"
	type="text/javascript">
    // Dojo configuration
    djConfig = {
        isDebug: false,
        bindEncoding: "UTF-8"
          ,baseRelativePath: "/TransportConnect/struts/dojo/"
          ,baseScriptUri: "/TransportConnect/struts/dojo/"
         ,parseWidgets : false
        
    };
</script> <SCRIPT LANGUAGE="JavaScript">
function clearActionError()
{
	var msgElmt = document.getElementById('actionErrorMsg');
	if(msgElmt != null)
	{
		var msgElmtParent = msgElmt.parentNode;
		msgElmtParent.removeChild(msgElmt);
	}
	
}
</SCRIPT> 
<head>
<title>Patient Details</title>
<script language="text/javascript" type="text/javascript"
	src="js/datetimepicker_css.js"></script>
<script type="text/javascript" src="js/patientFormValidation.js"></script>

function bodyOnload(){
	
	stayOnSamePage();
	var owner = document.getElementById('owner_');
	var s = document.getElementById('status_of_entity');
	if(owner.value != 'DU' || s.value == 9){
		
		disableTempStatus(); // not owned by parent, so should not be disabled.
	}
	
	
	var approval_rigts = 'true';
	var delete_rigts = 'true';

var s = document.getElementById('status_of_entity');
	
	if (approval_rigts != 'true' || s.value == 0){ //approval rights absent
		document.getElementById("confirm_button").style.display = 'none';
	}

if (delete_rigts != 'true') { //approval rights absent
		document.getElementById("delete_button").style.display = 'none';
	}

}
function confirmDeleteEntity( id_p,discr_p,parent_id_p,owner_p,confirm_p){
	/*	alert(id_p);
		alert(discr_p);
		alert(parent_id_p);
		alert(owner_p);*/
		document.forms[0].method="POST";
		//alert("/confirmEntityAction.do?id_="+id_p+"&ownerId="+parent_id_p+"&owner="+owner_p+"&discr="+discr_p);
		var action = '';
		if(confirm_p == 1){
			action = 'confirmEntityAction.do';
		}else{
			action = 'deleteEntityAction.do';
		}
		document.forms[0].action ='/TransportConnect'+"/"+action+"?id_="+id_p+"&ownerId="+parent_id_p+"&owner="+owner_p+"&discr="+discr_p ;
		//alert(document.forms[0].action );
		//alert(0);
		document.forms[0].submit();

}
</script>

</head>
<body id="contact" onload="bodyOnload();"
	oncontextmenu="">

<ul id="nav_categories" class="nav_categories">
		<li>
			
			
			
		<a >My Profile</a></li>

<ul>
			<li>
				
			 <a >DU Profile</a></li>

</ul>
</li>
</ul>
</div>
</div>
</div>

<table border="2"
		>
		<tr>
			<td >
			<table  border="0"  
				class="regtable">
				
<tr>
	<td    class="titlebg"
		><strong>Personal Details</strong></td>
</tr>
<tr>
	<td   >Title
	<font color="#FF0000">*</font></td>
	<td   ><div id="wwgrp_patientSaveAction_objectBO_title" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_title" class="wwctrl">
<select name="objectBO.title" id="patientSaveAction_objectBO_title">
    <option value=""
    >Select Title</option>
    <option value="Mr" selected="selected">Mr</option>
    <option value="Ms">Ms</option>
    <option value="Mrs">Mrs</option>
    <option value="Dr">Dr</option>

</select>
</div> </div>
 </td>

<td   >Username <font color="#FF0000">*</font></td>

</td>
	<td   >Gender <font color="#FF0000">*</font></td>
	<td   ><div id="wwgrp_patientSaveAction_objectBO_gender" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_gender" class="wwctrl">
<select name="objectBO.gender" id="patientSaveAction_objectBO_gender">
    <option value="-1"
    >Select Gender</option>
    <option value="M" selected="selected">Male</option>
    <option value="F">Female</option>

</select>
</div> </div>
</td>

<td   > </td>
</tr>
<tr>
	<td   >First Name <font color="#FF0000">*</font></td>
	<td   >
		
	<div id="wwgrp_patientSaveAction_objectBO_firstName" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_firstName" class="wwctrl">
<input type="text" name="objectBO.firstName" value="p" id="patientSaveAction_objectBO_firstName" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>

<td   >Middle Name</td>
	<td   >
		
	<div id="wwgrp_patientSaveAction_objectBO_middleName" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_middleName" class="wwctrl">
<input type="text" name="objectBO.middleName" value="" id="patientSaveAction_objectBO_middleName" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
	<td   >Last Name <font color="#FF0000">*</font></td>
	<td   >
		
	<div id="wwgrp_patientSaveAction_objectBO_lastName" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_lastName" class="wwctrl">
<input type="text" name="objectBO.lastName" value="p" id="patientSaveAction_objectBO_lastName" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
</tr>
<tr>
	<td  >Nationality
	<font color="#FF0000">*</font></td>
	<td  ><div id="wwgrp_patientSaveAction_objectBO_nationalityId" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_nationalityId" class="wwctrl">
<select name="objectBO.nationalityId" id="patientSaveAction_objectBO_nationalityId">
    <option value="-1"
    >Select Nationality</option>
    <option value="2" selected="selected">Singapore</option>

</select>
</div> </div>
</td>

<td  >Date Of Birth <font
		color="#FF0000">*</font></td>

</td>

<tr>
	<td    class="titlebg"
		><strong>Contact Details</strong></td>
</tr>

<tr>
	<td  >Block No <font
		color="#FF0000">*</font></td>
	<td  ><div id="wwgrp_patientSaveAction_objectBO_blockNo" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_blockNo" class="wwctrl">
<input type="text" name="objectBO.blockNo" maxlength="5" value="41" id="patientSaveAction_objectBO_blockNo" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
	<td  >Level No<font
		color="#FF0000">*</font></td>
	<td  ><div id="wwgrp_patientSaveAction_objectBO_level_no" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_level_no" class="wwctrl">
<input type="text" name="objectBO.level_no" maxlength="3" value="5" id="patientSaveAction_objectBO_level_no" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
	<td  >Unit No <font
		color="#FF0000">*</font></td>
	<td  ><div id="wwgrp_patientSaveAction_objectBO_unit_no" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_unit_no" class="wwctrl">
<input type="text" name="objectBO.unit_no" maxlength="7" value="5" id="patientSaveAction_objectBO_unit_no" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
</tr>
<tr>
	<td   >Building Name</td>
	<td   ><div id="wwgrp_patientSaveAction_objectBO_buildingName" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_buildingName" class="wwctrl">
<input type="text" name="objectBO.buildingName" value="23112" id="patientSaveAction_objectBO_buildingName" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
	<td   >Street Name <font color="#FF0000">*</font></td>
	<td   ><div id="wwgrp_patientSaveAction_objectBO_street_1" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_street_1" class="wwctrl">
<input type="text" name="objectBO.street_1" value="as" id="patientSaveAction_objectBO_street_1" class="search-box" onchange="keyCheck(this);"/></div> </div>
</td>
	<td   >Postal Code<font color="#FF0000">*</font></td>
	<td   ><div id="wwgrp_patientSaveAction_objectBO_postal_code" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_postal_code" class="wwctrl">
<input type="text" name="objectBO.postal_code" maxlength="6" value="463546" id="patientSaveAction_objectBO_postal_code" class="search-box"/></div> </div>
</td>

</tr>
<tr>
	<td  >Country of Residence<font color="#FF0000">* </font></td>

<td   ><div id="wwgrp_patientSaveAction_objectBO_countryId" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_countryId" class="wwctrl">
<select name="objectBO.countryId" id="patientSaveAction_objectBO_countryId">
    <option value="-1"
    >Country Of Residence</option>
    <option value="2" selected="selected">Singapore</option>

</select>
</div> </div>

</td>

<td  >Residence Phone
	<font color="#FF0000">*</font></td>
	<td  ><div id="wwgrp_patientSaveAction_objectBO_residence_ph_no" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_residence_ph_no" class="wwctrl">
<input type="text" name="objectBO.residence_ph_no" maxlength="12" value="0123" id="patientSaveAction_objectBO_residence_ph_no" class="search-box"/></div> </div>
</td>
	<td  >Hand Phone <font
		color="#FF0000">*</font></td>
	<td  ><div id="wwgrp_patientSaveAction_objectBO_mobile_no" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_mobile_no" class="wwctrl">
<input type="text" name="objectBO.mobile_no" maxlength="12" value="4561" id="patientSaveAction_objectBO_mobile_no" class="search-box"/></div> </div>
</td>

</tr>
<tr>
	<td   >Email<font color="#FF0000"> *</font></td>
	<td   ><div id="wwgrp_patientSaveAction_objectBO_email_address" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_email_address" class="wwctrl">
<input type="text" name="objectBO.email_address" value="a@y.com" id="patientSaveAction_objectBO_email_address" class="search-box"/></div> </div>
</td>

<!-- Note: THis includes post compilation, so is not helpful.
              					 
<tr>
	<td height="25" colspan="6" align="left" class="titlebg"
		bgcolor="#EFEFEF"><strong><s:text
		name="user.contactDetails" /></strong></td>
</tr>

</tr>
<tr>
	<td height="30" align="left"><s:text
		name="user.country_of_residence" /><font color="#FF0000">* </font></td>

</tr>
<tr>
	<td height="30" align="left" bgcolor="#efefef"><s:text
		name="user.emailId" /><font color="#FF0000"> *</font></td>
	<td height="30" align="left" bgcolor="#efefef"><s:textfield
		cssClass="search-box" name="objectBO.email_address" /></td>

<tr>
	<td height="5" colspan="6" align="left"> </td>
</tr>
 -->
				<tr>
					<td    class="titlebg"
						><strong>Additional Details</strong></td>
				</tr>

<tr>
					<td  >Patients DU ID <font color="#FF0000">*</font></td>
					<td  > 
						<div id="wwgrp_patientSaveAction_objectBO_patientDUId" class="wwgrp">
<div id="wwctrl_patientSaveAction_objectBO_patientDUId" class="wwctrl">
<input type="text" name="objectBO.patientDUId" value="DU1test1" id="patientSaveAction_objectBO_patientDUId" class="search-box" onchange="keyCheck(this);"/></div> </div>

</td>
					<td  >Dialysis Unit <font color="#FF0000">*</font></td>
					<td  >
						<div id="wwgrp_patientSaveAction_duIdentValue" class="wwgrp">
<div id="wwctrl_patientSaveAction_duIdentValue" class="wwctrl">
<input type="text" name="duIdentValue" value="du t" readonly="readonly" id="patientSaveAction_duIdentValue"/></div> </div>

</tr>
				<table >
					<tr>
						<td   ><input
							type="submit" name="Submit1" id="Submit1" value="Submit"
							class="retrieve-but" />    <input type="button"
							name="Submit2" id="Submit2" value="Clear Screen"
							class="retrieve-but" onclick="clearScreen();" />   </td>
					</tr>
					<tr>
						<td   ><input
							type="button" name="Confirm" id="confirm_button" value="Approve"
							class="retrieve-but"
							onclick="confirmDeleteEntity('137','PATIENT'
						,'135','DU',1)" />

</table>
			</td>
		</tr>
	</table>

</form>

</div>

</div>
<div style="clear: both; margin-bottom: 1em;"></div>
</div>

<div style="clear:both;"></div>
          </div>

<div id="footer">
    <div class="inner">
      <div class="left">
        <p>© Copyright</p>
      </div>
      <div class="right"></div>
    </div>
  </div>
  
  
</body>
</html>

</body>
</html>

Thanks once again.

Anirban

To living life on the edge! I blog my experiences @ http://anirbanchowdhury.wordpress.com.

Eric Pascarello

author

Posts: 15385

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Form works fine for me, looks like you lost some of the code in it from not checking the "Disable HTML in this message" checkbox.

Eric

Anirban Chowdhury

Ranch Hand

Posts: 36

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi Eric,
Sorry my mistake!! I forgot to mention that it doesn't work if I put the function confirmDeleteEntity() into a js file. In this case, it works as the function is incuded. And no, the form has been completely rendered here. Thanks once again for your review Eric. I so , so want to get to the end of this..

Anirban.

To living life on the edge! I blog my experiences @ http://anirbanchowdhury.wordpress.com.

What's that smell? Hey, sniff this tiny ad:

Smokeless wood heat with a rocket mass heater

https://woodheat.net