How to prevent a form to submit

[telly]

Hi - I want to stop form submission if certain criteria is not met, is this possible?

 

[SunakoChan]

Hi Telly,
 You can try this: 

<script type="text/javascript">
document.addEventListener('BeforeFormSubmit', function(event) {
  if (condtion) {
    //result if condition is met
  } else {
   event.preventDefault()
  }
});
</script>

Also, check this helpful link: https://howto.caspio.com/datapages/ajax-loading/

 

[JolliBeng]

Hi @telly,

The solution that @SunakoChan provided is correct. You'll need JavaScript coding to prevent submission. For more details, you may also check this forum post:

 

-JolliBeng

[cheonsa]

Hi @telly,

You can use this code to prevent a submission form if a certain condition is not met.

<script type="text/javascript">
document.addEventListener('BeforeFormSubmit', function () {

event.preventDefault();

var a = document.getElementById("InsertRecordFIELDNAME").value;

if (a > 100) {
alert('Please enter number less than 100.');
}

else {
document.forms["caspioform"].submit();
}

});
</script>

 

Cheers!

[DanielL]

Slight modification to get this to work - it appears that the ID now has a number appended to it (e.g., InsertRecordFIELDNAME_7647422799) . You can use the document.getElementsByName to find the first name in the array.

<script type="text/javascript">
document.addEventListener('BeforeFormSubmit', function () {

event.preventDefault();

var a = document.getElementsByName("InsertRecordFIELDNAME");

if (a[0].value > 100) {
alert('Please enter number less than 100.');
}

else {
document.forms["caspioform"].submit();
}

});
</script>

[followersuk]

The submit event triggers when the form is submitted, it is usually used to validate the form before sending it to the server or to abort the ... 

[AtayBalunbalunan]

You can also get the unique ID for the DOM element using event.detail.uniqueSuffix. An example can be seen in https://howto.caspio.com/datapages/ajax-loading/.