Form submit with post not working in Chrome, but it works in firefox and IE

Question

I have been looking at this for hours. Here are the one i have looked at.

i also looked into the jquery submit

http://api.jquery.com/submit/

None of the solutions there are working for me.

Problem: I have a form that has a button that has a onclick that calls a javascript method. Then I have another form on the page (not in the other form outside it) that is a post form. In the javascript i call .submit() on that form. It works in Firefox, and IE, but not in Chrome, in chrome it reloads the page and keeps it on the same page. Firefox and IE open the new tab with the post page correctly. Here is the code:

 <h:form id="mainForm>
  ...
     <h:commandLink id="testUrlButtonPost" onclick="submitPage()" 
        styleClass="secondaryButton" value="#{__VendorAdmin.test}"/>
  ...
</h:form>


<script type="text/javascript">

     function submitPage() {                             
         var url = $('#addEditCatalogForm\\:baseURL').val();
         document.getElementById("TestForm").action=url;
         $('#TestForm').submit();
     }
</script>


<form id="TestForm" name="TestForm" action="" method="post" target="_blank">
     <ui:repeat value="#{vendorCatalogView.punchOutCatalog.urlParameters}" var="parameter">
         <input type="hidden" name="#{parameter.name}" value = "#{parameter.value}"/>
     </ui:repeat>
</form>

I have also tried:

$('form#TestForm').submit()
putting stuff in the submit so submit(function(event){...}); that one made it not work in any browser
document.getElementById("TestForm).submit();

im using JSF and primefaces.

UPDATE:!!! So i noticed in the chrome inspect element tool this error:

net::ERR_INSECURE_RESPONSE I looked it up and it seems to deal with ssl certificates? but the problem is the site is a punch out catalog search that will have lots of links to external catalogs using post. So I can't just add the ssl certs manually nor would we want our customers to have to do this. Any work arounds?

score 0 · Accepted Answer · answered Nov 11 '14 at 00:13

So after looking and looking without a solution I started to try little tiny tweaks. I found the solution.

change

<h:commandLink id="testUrlButtonPost" onclick="submitPage()" 
    styleClass="secondaryButton" value="#{__VendorAdmin.test}"/>

to a Primefaces commandLink and change the onclick to oncomplete and that did it for chrome.

<p:commandLink id="testUrlButtonPost" oncomplete="submitPage()" 
    styleClass="secondaryButton" value="#{__VendorAdmin.test}"/>

so now it works for chrome, firefox, and IE. Chrome opens in new window unless you have a extension to force tabs.

Form submit with post not working in Chrome, but it works in firefox and IE

1 Answers1