Level 1
include this at the beginning of your form
{{ csrf_field() }}
right after the <form> tag
Jul 27, 2017
8
Level 1
TokenMismatchException
i submit form data this error come,
(1/1) TokenMismatchException in VerifyCsrfToken.php (line 68)
here my view code : Mwayhire
<link rel="shortcut icon" href="http://spos.tecdiary.my/themes/default/assets/images/icon.png"/>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="bootstrap/html5shiv.js"></script>
<script src="bootstrap/respond.min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<style>
ul#stepForm, ul#stepForm li {
margin: 0;
padding: 0;
}
ul#stepForm li {
list-style: none outside none;
}
label{margin-top: 10px;}
.help-inline-error{color:red;}
</style>
</head>
<body>
<div class="container" style="padding-left: 15px; padding-right: 15px; padding-top: 30px">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Recruiter Details</h3>
</div>
<div class="panel-body">
<form name="basicform" id="basicform" method="post" action=" {{url('reg_detail')}}" enctype="multipart/form-data">
{{ csrf_field() }}
<div id="sf1" class="frm">
<fieldset>
<legend>Step 1 of 4</legend>
<div class="form-group">
<div class="star">All fields marked with <span style="color:red;"> * </span> are mandatory</div>
<div class="form-group">
<div class="row">
<div class="col-sm-12 col-xs-12 title_detail"><span class="underline">Recruiter Details</span></div>
<label class="control-label col-sm-2" for="pwd">Registering As:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="registrationas" name="registrationas" class="form-control">
<option value="IR">Independent Recruiter</option>
<option value="CR">Company Recruiter</option>
</select>
</div>
<!-- <label class="control-label col-sm-2 col-md-2" for="pwd">Email-Id:<span style="color:Red">*</span></label>
<div class="col-sm-4 col-md-4">
<input type="email" class="form-control" id="fn" placeholder="Enter Email-id" name="pwd">
</div> -->
</div>
<!-- <div class="row">
<label class="control-label col-sm-2 col-md-2" for="pwd">Password:<span style="color:Red">*</span></label>
<div class="col-sm-4 col-md-4">
<input type="text" class="form-control" id="fn" placeholder="Enter Password" name="pwd">
</div>
<label class="control-label col-sm-2 col-md-2" for="pwd">Confirm Password<span style="color:Red">*</span></label>
<div class="col-sm-4 col-md-4">
<input type="text" class="form-control" id="fn" placeholder="Enter Confirm Password" name="pwd">
</div>
</div> -->
<div class="row">
<input type="hidden" name="usertype" id="usertype" value="{{auth::user()->user_type}}">
<input type="hidden" name="userid" id="userid" value="{{auth::user()->userid}}">
<label class="control-label col-sm-2" for="pwd">Address1:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="recruadd1" name="recruadd1" placeholder="Enter Address1" >
</div>
<label for="country" class="col-sm-2 control-label">Address2:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="recruadd2" placeholder="Enter Address2" name="recruadd2">
</div>
</div>
<div class="row">
<label for="country" class="col-sm-2 control-label">Country:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="country" name="country" class="form-control">
<option value="">--- Select Country ---</option>
@foreach($country as $key => $value)
<option value="{{$value}}">{{$key}}</option>
@endforeach
</select>
</div>
<label class="control-label col-sm-2" for="pwd">State:<span style="color:Red">* </span></label>
<div class="col-sm-4">
<select id="state" name="state" class="form-control">
<option value="">--- Select State ---</option>
</select>
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">City:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="city" name="city" class="form-control">
<option value="">--- Select City ---</option>
</select>
</div>
<label class="control-label col-sm-2" for="pwd">Pincode:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="postalcode" placeholder="Enter Pincode" name="postalcode" onkeypress="return isNumber(event)" minlength="6" maxlength="10">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Mobile No:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="mobile" placeholder="Enter Mobile No" name="mobile" onkeyup="phonefun()" onkeypress="return isNumber(event)" minlength="10" maxlength="10">
</div>
<label class="control-label col-sm-2" for="pwd">Alternate contact:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="alternet" placeholder="Enter Alternate contact" name="alternet" onkeyup="phonefun()" onkeypress="return isNumber(event)" minlength="10" maxlength="10">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Recruitment Experience:<span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="expirence" name="expirence" class="form-control">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
</select>
</div>
<label class="control-label col-sm-2" for="pwd">Pan No:<span style="color:Red">*</span></label>
<div class="col-sm-4"><input type="text" class="form-control" id="panno" placeholder="Enter PAN Card No." name="panno" >
</div></div>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-primary " id="open1" type="button">Next <span class="fa fa-arrow-right"></span></button>
</div>
</div>
</div>
</fieldset>
</div>
<div id="sf2" class="frm" style="display: none;">
<fieldset>
<legend>Step 2 of 4</legend>
<div class="col-sm-12 title_detail"><span class="underline">Recruiter Company Details</span></div>
<div class="form-group">
<div class="row">
<label class="control-label col-sm-2" for="pwd">Company Name: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="companyname" placeholder="Enter Company Name" name="companyname">
</div>
<label class="control-label col-sm-2" for="pwd">Company type: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="companytype" name="companytype" class="form-control">
<option value="">select</option>
@foreach($comyty as $cmp)
<option value="{{$cmp->companycode}}">{{$cmp->description}}</option>
@endforeach
</select>
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Company Profile:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="companyprofile" placeholder="Enter Company Profile" name="companyprofile">
</div>
<label class="control-label col-sm-2" for="pwd">Address1: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="address1" placeholder="Enter Address1" name="address1">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Address2:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="address2" placeholder="Enter Address2" name="address2">
</div>
<label class="control-label col-sm-2" for="pwd">Country: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="country1" name="country1" class="form-control">
<option value="">--- Select Country ---</option>
@foreach($country as $key => $value)
<option value="{{$value}}">{{$key}}</option>
@endforeach
</select>
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">State:</label>
<div class="col-sm-4">
<select id="state1" name="state1" class="form-control">
<option value="">--- Select State ---</option>
</select>
</div>
<label class="control-label col-sm-2" for="pwd">city: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<select id="city1" name="city1" class="form-control">
<option value="">--- Select City ---</option>
</select>
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Pincode: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="postalcode1" placeholder="Enter Pincode" name="postalcode1" onkeypress="return isNumber(event)" minlength="6" maxlength="10">
</div>
<label class="control-label col-sm-2" for="pwd">Comapany weblink:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="website" placeholder="Enter Comapany weblink" name="website">
</div>
</div>
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-warning back2" type="button"><span class="fa fa-arrow-left"></span> Back</button>
<button class="btn btn-primary " id="open2" type="button">Next <span class="fa fa-arrow-right"></span></button>
</div>
</div>
</fieldset>
</div>
<div id="sf3" class="frm" style="display: none;">
<fieldset>
<legend>Step 3 of 4</legend>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-sm-12 title_detail"><span class="underline">Recruiter Company Details</span></div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">GST No: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="gstnumber" placeholder="Enter GST No" name="gstnumber">
</div>
<label class="control-label col-sm-2" for="pwd">Pan No: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="companypan" placeholder="Enter Pan No" name="companypan">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Cin No: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="cin" placeholder="Enter Cin No" name="cin">
</div>
<label class="control-label col-sm-2" for="pwd">CIC Certificate: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="file" name="Certificate1" id="Certificate1" accept="image/*">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">GST Certificate: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="file" name="Certificate2" id="Certificate2" accept="image/*">
</div>
<label class="control-label col-sm-2" for="pwd">Company Pan: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="file" name="Certificate3" id="Certificate3" accept="image/*">
</div>
</div>
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-warning back3" type="button"><span class="fa fa-arrow-left"></span> Back</button>
<button class="btn btn-primary " id="open3" type="button">Next <span class="fa fa-arrow-right"></span></button>
<img src="spinner.gif" alt="" id="loader" style="display: none">
</div>
</div>
</fieldset>
</div>
<div id="sf4" class="frm" style="display: none;">
<fieldset>
<legend>Step 4 of 4</legend>
<div class="col-sm-12 title_detail"><span class="underline">Bank Details</span></div>
<div class="form-group">
<div class="row">
<label class="control-label col-sm-2" for="pwd">Bank Name:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="bankname" placeholder="Enter Bnak Name" name="bankname">
</div>
<label class="control-label col-sm-2" for="pwd">Bank Account no: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="accountno" placeholder="Enter Bank Account no" name="accountno" onkeyup="accfun()" onkeypress="return isNumber(event)" minlength="20" maxlength="20">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">IFSC Code: <span style="color:Red"></span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="ifsccode" placeholder="Enter IFSC Code" name="ifsccode">
</div>
<label class="control-label col-sm-2" for="pwd">Bank Branch: <span style="color:Red">*</span></label>
<div class="col-sm-4">
<input type="text" class="form-control" id="branch" placeholder="Enter Bank Branch" name="branch">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd"></label>
<div class="col-sm-4">
</div>
</div>
<div class="row">
<label class="control-label col-sm-2" for="pwd">Account Holder Name</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="acc_hol_name" placeholder="Enter Account Holder Name" name="acc_hol_name">
</div>
</div>
<input type="checkbox" name="vehicle" value="Bike">Terms and Conditions Checkbox
</div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="clearfix" style="height: 10px;clear: both;"></div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<button class="btn btn-warning back4" type="button"><span class="fa fa-arrow-left"></span> Back</button>
<input class="btn btn-primary" type="submit" value="Submit">
<img src="spinner.gif" alt="" id="loader" style="display: none">
</div>
</div>
</fieldset>
</div>
</form>
</div>
$(document).ready(function() {
$('select[name="country"]').on('change', function() {
var countryID = $(this).val();
if(countryID) {
$.ajax({
url: '/mway/public/getStateList/'+countryID,
type: "GET",
dataType: "json",
success:function(data) {
$('select[name="state"]').empty();
$.each(data, function(key, value) {
$('select[name="state"]').append('<option value="'+ key +'">'+ value +'</option>');
$('select[name="city"]').empty();
$('select[name="city"]').append('<option value="">select</option>');
});
}
});
}else{
$('select[name="state"]').empty();
}
});
$('select[name="state"]').on('click', function() {
var stateID = $(this).val();
if(stateID) {
$.ajax({
url: '/mway/public/getCityList/'+stateID,
type: "GET",
dataType: "json",
success:function(data) {
$('select[name="city"]').empty();
$.each(data, function(key, value) {
$('select[name="city"]').append('<option value="'+ key +'">'+ value +'</option>');
});
}
});
}else{
$('select[name="city"]').empty();
}
});
});
$(document).ready(function() {
$('select[name="country1"]').on('change', function() {
var countryID = $(this).val();
if(countryID) {
$.ajax({
url: '/mway/public/getStateList/'+countryID,
type: "GET",
dataType: "json",
success:function(data) {
$('select[name="state1"]').empty();
$.each(data, function(key, value) {
$('select[name="state1"]').append('<option value="'+ key +'">'+ value +'</option>');
$('select[name="city1"]').empty();
$('select[name="city1"]').append('<option value="">select</option>');
});
}
});
}else{
$('select[name="state1"]').empty();
}
});
$('select[name="state1"]').on('click', function() {
var stateID = $(this).val();
if(stateID) {
$.ajax({
url: '/mway/public/getCityList/'+stateID,
type: "GET",
dataType: "json",
success:function(data) {
$('select[name="city1"]').empty();
$.each(data, function(key, value) {
$('select[name="city1"]').append('<option value="'+ key +'">'+ value +'</option>');
});
}
});
}else{
$('select[name="city1"]').empty();
}
});
});
jQuery().ready(function() {
// validate form on keyup and submit
var v = jQuery("#basicform").validate({
rules: {
uname: {
required: true,
minlength: 2,
maxlength: 16
},
uemail: {
required: true,
minlength: 2,
email: true,
maxlength: 100,
},
upass1: {
required: true,
minlength: 6,
maxlength: 15,
},
upass2: {
required: true,
minlength: 6,
equalTo: "#upass1",
}
},
errorElement: "span",
errorClass: "help-inline-error",
});
$("#open1").click(function() {
if (v.form()) {
$(".frm").hide("fast");
$("#sf2").show("slow");
}
});
$("#open2").click(function() {
if (v.form()) {
$(".frm").hide("fast");
$("#sf3").show("slow");
}
});
$("#open3").click(function() {
if (v.form()) {
$(".frm").hide("fast");
$("#sf4").show("slow");
}
});
/*$(".open4").click(function() {
if (v.form()) {
$("#loader").show();
setTimeout(function(){
$("#basicform").html('<h2>Thanks for your Login.');
}, 1000);
return false;
}
});*/
$(".back2").click(function() {
$(".frm").hide("fast");
$("#sf1").show("slow");
});
$(".back3").click(function() {
$(".frm").hide("fast");
$("#sf2").show("slow");
});
$(".back4").click(function() {
$(".frm").hide("fast");
$("#sf3").show("slow");
});
});
window.onload = function()
{
var myInput = document.getElementById('mobile');
myInput.onpaste = function(e) {
e.preventDefault();
}
}
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function phonefun(){ var myInput = document.getElementById('mobile'); if (myInput.value.length == 0){ document.getElementById('phone-error').innerHTML="please enter phone number"; return false; } else if (myInput.value.length != 10){ document.getElementById('phone-error').innerHTML="please enter valid number"; return false; } else{ document.getElementById('phone-error').innerHTML="ok"; return true; } }
/=================================================================================/
window.onload = function() { var myInput = document.getElementById('alternet'); myInput.onpaste = function(e) { e.preventDefault(); } }
function isNumber(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) { return false; } return true; }
function phonefun(){ var myInput = document.getElementById('alternet'); if (myInput.value.length == 0){ document.getElementById('phone-error').innerHTML="please enter phone number"; return false; } else if (myInput.value.length != 10){ document.getElementById('phone-error').innerHTML="please enter valid number"; return false; } else{ document.getElementById('phone-error').innerHTML="ok"; return true; } }
/=================================================================================/
window.onload = function() { var myInput = document.getElementById('accountno'); myInput.onpaste = function(e) { e.preventDefault(); } }
function isNumber(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) { return false; } return true; }
function accfun(){ var myInput = document.getElementById('accountno'); if (myInput.value.length == 0){ document.getElementById('phone-error').innerHTML="please enter phone number"; return false; } else if (myInput.value.length != 20){ document.getElementById('phone-error').innerHTML="please enter valid number"; return false; } else{ document.getElementById('phone-error').innerHTML="ok"; return true; } } /==========================================================================/
Level 1
all ready include {{ csrf_field() }} after form tag
Level 1
@Vikrant maybe this could help https://stackoverflow.com/questions/30499344/laravel-csrf-token-always-changes
Level 1
any other solution
Level 1
Are you using database for storing sessions?
Level 1
no
Level 122
is it only when you attach a large file?
by the way, this url: '/mway/public/getCityList/'+stateID, is going to cause you problems because
a) this shows me that your site is incorrectly setup and public is present in your routes. This needs to be fixed
b) you won't be able to publish your site without going through all of your code and fixing the routes.
Level 1
thanks snapey
Please or to participate in this conversation.