Reset button on Search Form does not work as needed

[Vitalikssssss]

Hi @JMR21,

You would need to add a line of code which would click on Search/Submit button after user clicks Clear Form, so it could pass empty string parameters to other Datapages.

So, the JS snippet could look like this:

<button type="button" onclick="resetForm()">Clear Form</button>


<script>
function resetForm() {
  
    var myForm = document.querySelector('form[action*="[@cbAppKey]"]').querySelectorAll('input:not([type=submit]):not([type=hidden]), textarea, select');
    myForm.forEach(function(elem) {
    elem.value="";
  });
    var searchBtn = document.querySelector('.cbSearchButton').click();
}
</script>

Regards,

vitalikssssss

[Flowers4Algernon]

Hello! Just wanted to share this Caspio techtip that may be helpful: https://howto.caspio.com/tech-tips-and-articles/adding-a-reset-button-in-forms/

[nyunyiboy]

Hi @DLReich, 

I found a similar post like yours. You may want to check their solutions here: