Multiple Clicking on Submit Button

I guess you are using JavaScript and Ajax to send the request.

Then you can disable the button after the first pressing so it can't be submitted more than once.

document.getElementById("idOfButton").onclick = function() {
    //disable
    this.disabled = true;

    //do some validation stuff
}

If you use JavaScript, is very easy.

<button
    type='submit'
    @click='submitForm' 
    :disabled='disabled'
>
    Submit
</button>

new Vue({
    el: 'main',
  data: {
    disabled: false
  },
  
  methods: {
    submitForm: function() {
        this.disabled = true;
      
      document.querySelector('form').submit();
    }
  }
})

@TRAY2 - It's a regular POST request. I dont use Javascript or Ajax to send requests.

I think I have at least 50+ forms..... Anything I can do on server side?

Also --- better explanation my problem is at; https://laravel.io/forum/01-16-2015-form-prevent-multiple-submission

Only js disabling the button can totally prevent a second submit. But to avoid unnecessary dB inserts you can pass a unique token (maybe even use the csrf token) on submit. Store it in the session for that visitor in an if statement. Sorry I am on my phone and can’t find the back tick key to do a code sample but something like

If isset( $_SESSION[‘thecsrftoken’]) Redirect back Else set the above session and continue

It doesn't have anything to do with ajax, or the type of request it is (get/post/etc). It has to do with disabling the submit button after it's clicked so you can't click it and resubmit the data again.

That's the best (and really easiest) solution, because then the request is not even hitting your server. Remember, each and every request to the server boots laravel up from scratch, consuming memory and resources and taking time. It's better to block them from even being able to submit it, rather than have the server have to boot itself up, check if they've submitted previously, and ignore it if it has.

Thanks all for your inputs, I will go through my code.

@SERGIU17 Can you help me further? I barely use any JS so I have very limited knowledge.

I implemented what you posted... I can see from my chrome dev tools that it adds "disabled:disabled" to the submit when clicked. But the issue is now is that it also prevents any POST request to the server. Button is completely.

@ELEVEN0 - https://stackoverflow.com/questions/16715075/preventing-multiple-clicks-on-button/27471389#27471389