The error itself: enter image description here Index.cshtml:

@{ ViewBag.Title = "Index"; Layout = "~/Views/_Layout.cshtml"; } <td class="big_card" colspan="3"> <form onsubmit="return false" action="/Home/Index" method="POST"> <fields> <p > Оформление заказа</p> <input type="text" name="Name" placeholder="Введите ваше имя" required /><br /> <input type="tel" name="Tel" placeholder="Введите номер телефона в формате 8-ххх-ххх-хххх" required patern="8-[0-9]{3}-[0-9]{3}-[0-9]{4}" /><br /> <select name="Car" required> <option value="Ghibili">Ghibili</option> <option value="Quattroporte">Quattroporte</option> <option value="GranTurismo">GranTurismo</option> </select><br /> <input type="submit" /> </fields> </form> </td>

HomeController:

  // GET: Home private Models.ShopDBEntities db = new Models.ShopDBEntities(); public ActionResult Index() { var Items = db.Cars; return View(Items); } [HttpPost] public ActionResult Index(string Name, string Tel, int Car) { Order order = new Order { UserName = Name, UserTel = Tel, CarId = Car, Status = "Создана" }; db.Orders.Add(order); db.SaveChanges(); return View(); } }

scrypts.js:

 /*Практика JavaScript*/ function SetIMG(selected_url) { var item = document.getElementById("Preview"); item.src=selected_url; } /*Практика jQuery*/ $(document).ready(function(){ $('#header').fadeTo(2000,0.3,function(){ $('html, body').animate({ scrollTop: $('#content').offset().top }, 2000); }); }); /*Ajax jQuery*/ $(document).on('submit','form',function(){ var UserName=$('input[name=Name]').val(); var UserTel=$('input[name=Tel]').val(); var Car=$('select').val(); //Валидация введенных данных. //Проверяем имя if(UserName.length>0) { //Проверяем номер телефона var regular=/^\8-[0-9]{3}-[0-9]{3}-[0-9]{4}/; if(regular.test(UserTel)==true) { alert('Всё норм!'); SubmitForm(UserName,UserTel,Car); } else { alert("Вы неверно указали номер телефона"); } } else{ alert("Вы забыли указать имя"); } }); /*Ajax jQuery*/ function SubmitForm(name,tel,car) { $.ajax({ method: "POST", url: "/Home/Index", data: { Name: name, Tel: tel, Car:car } }) .done(function( msg ) { alert( "Отлично: " + msg ); }).fail(function() { alert( "При передачи данных произошла ошибка" ); }); }
_Layout.cshtml:

 <html> <head> <meta charset="utf-8"> <title>Maserati</title> <link href="/Content/CSS/styles.css" rel="stylesheet" type="text/css" /> <script src="/Content/JS/jquery-1.11.0.min.js"></script> <script src="/Content/JS/scrypts.js"></script>- </head> <body> @RenderBody() </body> </html>

Should add data to the dbo.Orders table: enter image description here

  • Why in Layout.cshtml and in the screenshot index are tags <html> and so on? This tag is highlighted in your code - Volodymyr
  • @Andrew_Romanuk, and what's the problem to put a stopping point in the Index() method for a POST request? - Anton Komyshan

1 answer 1

In your select, the car variable will be of type string, since:

  <option value="Ghibili">Ghibili</option>

and in the post method you are trying to get an int

 public ActionResult Index(string Name, string Tel, int Car)

replace value in select with Id'shki and everything will work