Submit Laravel Form within Bootstrap Modal - CSRF Token

Question

I'm creating a form inside of a bootstrap modal. Here is the form:

<form action="{{ url('/post')}}" method="POST" id="my_form">
  {{ csrf_field() }}
  <input type="text" name="Comments" id="Comments">
  <button onclick="form_submit()">Submit</button>
</form>

and here is the javascript I'm using to post it:

<script type="text/javascript">
function form_submit() {
  document.getElementById("my_form").submit();
 }
</script>

Unfortunately, when I submit, I get the following error:

(1/1) TokenMismatchException in VerifyCsrfToken.php (line 68)

I've also tried to insert a hidden field for the token:

<input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />

Unfortunately, no luck.

Any idea how I can fix this?

Thanks!

vdeshan · Accepted Answer · 2017-11-23 22:12:54Z

1

Insert this somewhere in ur header

 <meta name="c-token" content="{!! csrf_token() !!}" />

answered Nov 23, 2017 at 22:12

vdeshan

1532 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brad Ahrens Over a year ago

Incredible! Thanks @vdeshan!

Collectives™ on Stack Overflow

Submit Laravel Form within Bootstrap Modal - CSRF Token

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related