Auto submit form intefering with other data pages

[oliverk]

Hello

I'm using the script below in an html block to make a submission datapage autosubmit.

However, my webpage has two other static datapages on it, with the submit buttons hidden. When this autosubmit code runs, it submits one of the other datapages too. Is there a way to make it only submit the particular submission form that it's attached to, e.g. by specifying the app key?

If it's relevant, this submission box is in a modal that appears on top of a tabular datapage.

Thanks!

 

<script type="text/javascript"> 
document.addEventListener('DataPageReady', function (event) {
           const error = document.querySelector('div[data-cb-name="HeaderErrorMsg"]');
           if(!error){
                if(document.getElementById("caspioform")) {
                document.getElementById("caspioform").style.display = 'none';
                setTimeout('document.forms["caspioform"].submit()',1000); } 
           }    
});
</script>

[CoopperBackpack]

Hello @oliverk,

Please test this code in the HTML block. It refers to the specific DataPage ([@cbAppKey])

<script> 
document.addEventListener('DataPageReady', function (event) {
 if (event.detail.appKey != '[@cbAppKey]') { return }

     const error = document.querySelector('form[action*="[@cbAppKey]"] > div[data-cb-name="HeaderErrorMsg"]');
     const thisForm = document.querySelector('form[action*="[@cbAppKey]"]');
         if(!error){
             if(thisForm) {
                 thisForm.style.display = 'none';
                 setTimeout(thisForm.submit(),1000);
             }
         }
});
</script>

 

[oliverk]

3 hours ago, CoopperBackpack said:

Hello @oliverk,

Please test this code in the HTML block. It refers to the specific DataPage ([@cbAppKey])

<script> 
document.addEventListener('DataPageReady', function (event) {
 if (event.detail.appKey != '[@cbAppKey]') { return }

     const error = document.querySelector('form[action*="[@cbAppKey]"] > div[data-cb-name="HeaderErrorMsg"]');
     const thisForm = document.querySelector('form[action*="[@cbAppKey]"]');
         if(!error){
             if(thisForm) {
                 thisForm.style.display = 'none';
                 setTimeout(thisForm.submit(),1000);
             }
         }
});
</script>

 

This is perfect! Many thanks