This repo provides helpers for form submission in Laravel like link form submission, disabling submit button on form.
Via npm
$ npm install laravel-data-method --save Via bower
$ bower install laravel-data-method --save <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="FAKETOKEN"> <title>Laravel Data Method</title> <!-- Styles --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <!-- Scripts --> <script type="text/javascript" src="node_modules/jquery/dist/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script> <script type="text/javascript" src="./dist/data-method.js"></script> </head> <body> <p> <!-- Link form with confirmation and params --> <a href="/" class="btn btn-primary" data-method="POST" data-params='{"id": 4}' data-confirm="Are you sure?">Submit Me</a> <!-- Link form with confirmation with bootstrap theme --> <a href="/" class="btn btn-primary" data-method="POST" data-confirm="Are you sure?" data-title="Please confirm this action" data-theme="bootstrap">Submit Me with bootstrap theme</a> <!-- Link form with confirmation with sweetalert2 theme --> <a href="/" class="btn btn-primary" data-method="POST" data-confirm="Are you sure?" data-title="Please confirm this action" data-theme="sweetalert">Submit Me with Sweet Alert theme</a> <!-- Link form with confirmation with javascript --> <a href="javascript:dataMethod('/', {confirm: 'Are you sure?', method: 'POST'})" class="btn btn-primary">Submit with javascript</a> <!-- Link form with confirmation with javascript --> <a href="/" class="btn btn-primary" data-method="POST" data-params='{"id": 4}' data-ajax="true">Submit with Ajax</a> </p> <!-- Disable form submit button on submit event --> <form action="" method="post"> <button class="btn btn-success" type="submit" data-disabled-submit>Disable form button</button> </form> <!-- Disable form submit button on submit event with confirm message --> <form action="" method="post" class="mt-3"> <button class="btn btn-success" type="submit" data-disabled-submit data-confirm="Are you sure?">Disable form button with confirm</button> </form> <!-- Disable form submit button on submit event with bootstrap theme --> <form action="" method="post" class="mt-3"> <button class="btn btn-primary" type="submit" data-disabled-submit data-confirm="Are you sure?" data-title="Please confirm this action" data-theme="bootstrap">Disable form button with confirm Bootstrap</button> </form> <!-- Disable form submit button on submit event with sweetalert theme --> <form action="" method="post" class="mt-3"> <button class="btn btn-primary" type="submit" data-disabled-submit data-confirm="Are you sure?" data-title="Please confirm this action" data-theme="sweetalert">Disable form button with confirm Bootstrap</button> </form> <!-- Submit normal form --> <form action="" method="post" class="mt-3"> <button class="btn btn-primary" type="submit">Submit normal form</button> </form> </body> </html>$ git clone https://github.com/brexis/laravel-data-method.git $ cd laravel-data-method $ yarn install --production=false $ npm run build