@model HelloWorldMvcApp.SampleViewModel
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
.field-validation-error {
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Add User</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<form id="form" method="post" enctype="multipart/form-data">
<div class="modal-body form-horizontal">
<div class="form-group row">
@Html.HiddenFor(model => model.Id)
@Html.LabelFor(model => model.Name, new { @class = "col-sm-2 col-form-label" })
<input asp-for="@Model.Name" placeholder = "Enter Name" class="form-control" />
<div class="form-group row">
@Html.LabelFor(model => model.Address, new { @class = "col-sm-2 col-form-label" })
<textarea asp-for="@Model.Address" class="form-control" placeholder="Please enter your address here" />
<div class="form-group row">
<div class="offset-sm-2 col-sm-10">
@Html.CheckBoxFor(model => model.IsActive, new { @class = "form-check-input" })
@Html.LabelFor(model => model.IsActive, new { @class = "form-check-label" })
<div class="modal-footer">
<button data-dismiss="modal" id="cancel" class="btn btn-default" type="button">Cancel</button>
<button class="btn btn-success relative" id="btnSubmit" type="submit">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
$('#form').submit(function( event ){
const data = new FormData(event.target);
+ const value = Object.fromEntries(data.entries());
url: '@Url.RouteUrl(new{ action="Edit", controller="Home"})',
data: JSON.stringify(value),
contentType: "application/json; charset=utf-8",
success: function(resp) {