web.php
Route::resource('/userData','UserDataController');
namespace App\Http\Controllers;
use App\UserData;
use Illuminate\Http\Request;
class UserDataController extends Controller
{
public function create()
{
return view('userData.create');
}
public function store(Request $request)
{
$request->validate([
'name' => 'required',
'email' => 'required',
]);
UserData::create($request->all());
return json_encode(array(
"statusCode"=>200
));
}
}
namespace App;
use Illuminate\Database\Eloquent\Model;
class UserData extends Model
{
protected $table = 'users_info';
protected $fillable = [
'type','name', 'email','phone','city'
];
}
@extends('userData.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Add New User</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('userData.index') }}"> Back</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
<strong>Whoops!</strong> There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="form-group">
<input type="hidden" name="_token" id="csrf" value="{{Session::token()}}">
<label for="email">Name:</label>
<input type="text" class="form-control" id="name" placeholder="Enter Name" name="name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter Email" name="email">
</div>
<div class="form-group">
<label for="email">Phone:</label>
<input type="text" class="form-control" id="phone" placeholder="Enter Phone" name="phone">
</div>
<div class="form-group">
<label for="email">City:</label>
<input type="text" class="form-control" id="city" placeholder="Enter City" name="city">
</div>
<button type="submit" class="btn btn-primary" id="butsave">Submit</button>
</div>
<script>
$(document).ready(function() {
$('#butsave').on('click', function() {
var name = $('#name').val();
var email = $('#email').val();
var phone = $('#phone').val();
var city = $('#city').val();
var password = $('#password').val();
if(name!="" && email!="" && phone!="" && city!=""){
/* $("#butsave").attr("disabled", "disabled"); */
$.ajax({
url: "/userData",
type: "POST",
data: {
_token: $("#csrf").val(),
type: 1,
name: name,
email: email,
phone: phone,
city: city
},
cache: false,
success: function(dataResult){
console.log(dataResult);
var dataResult = JSON.parse(dataResult);
if(dataResult.statusCode==200){
window.location = "/userData";
}
else if(dataResult.statusCode==201){
alert("Error occured !");
}
}
});
}
else{
alert('Please fill all the field !');
}
});
});
</script>
@endsection
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<title>LaravelDemo</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Style -->
<style>
.input-box { position: relative; }
.unit { position: absolute; display: block; left: 5px; top: 10px; z-index: 9; }
.fixedTxtInput { display: block; border: 1px solid #d7d6d6; background: #fff; padding: 10px 10px 10px 30px; width: 100%; }
</style>
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>