Advertisement
ffuertes

Disable CF7 submit button on submit

May 6th, 2022
1,641
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.43 KB | None | 0 0
  1. <script>
  2.     const wpcf7Elm = document.querySelector( '.wpcf7 form' );
  3.     const $formBtn = wpcf7Elm.querySelector( '.wpcf7-submit');
  4.     const originalLabel = $formBtn.value;
  5.     wpcf7Elm.addEventListener('submit', function(e){
  6.         $formBtn.value = "Sending...";
  7.         $formBtn.disabled = true;
  8.     });
  9.     wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
  10.         $formBtn.disabled = false;
  11.         $formBtn.value = originalLabel;
  12.     }, false );
  13. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement