Có một số cách để gửi biểu mẫu. Nói chung, chúng tôi được sử dụng để gửi biểu mẫu bằng nút gửi. Tuy nhiên, đôi khi chúng tôi phải gửi biểu mẫu bằng cách sử dụng một sự kiện cụ thể hoặc bằng cách nhấp vào phần tử HTML
Có một số cách để gửi biểu mẫu bằng JavaScript. Hơn nữa, chúng tôi cũng có thể gửi biểu mẫu về một số sự kiện trên trang web
Ở đây chúng ta sẽ học cách gửi biểu mẫu mà không cần nút gửi
Gửi biểu mẫu bằng JavaScript
Cách đơn giản nhất để gửi biểu mẫu mà không cần nút gửi là kích hoạt sự kiện gửi biểu mẫu bằng JavaScript
Trong ví dụ dưới đây, chúng ta sẽ tạo một hàm để gửi biểu mẫu. Chúng tôi sẽ đặt chức năng đó tại sự kiện title của thẻ div
Submit a form using JavaScript title event
Click Me To Submit
function submit_form[]{
var form = document.getElementById["my_form"];
form.submit[];
alert["Your Message Sent"];
}
đọc thêm. Xác thực biểu mẫu OnClick bằng jQuery
Phần kết luận
Ở đây, chúng tôi đã gửi biểu mẫu bằng hàm JavaScript title sự kiện của phần tử div. Chúng tôi cũng có thể đặt nhiều loại sự kiện khác để gửi biểu mẫu. Tôi hy vọng bây giờ bạn đã hiểu cách gửi biểu mẫu bằng sự kiện JavaScript mà không cần nút gửi
Trong một bài viết trước của chúng tôi, chúng tôi đã giải thích về cách gửi biểu mẫu trong mvc bằng Ajax. Bây giờ BeginForm trong bài viết này, tôi đã giải thích về cách gửi biểu mẫu hoặc đăng giá trị lên bộ điều khiển bằng HTML. BeginForm trong ASP. NET MVC
Bước 1. Tạo dự án mới trong Visual Studio IDE của bạn, bằng cách điều hướng đến Tệp-> Mới -> Dự án -> Chọn "Web" [Từ ngăn bên trái] và "ASP. NET Web-Application" [Từ khung bên phải] -> Đặt tên cho nó ["FormSubmitMVC"] và nhấp vào "OK"
Trong Màn hình tiếp theo, chọn mẫu "MVC" và nhấp vào "OK", hãy để Visual Studio tạo dự án và tạo các tệp MVC cơ bản
Bước 2. Nhấp chuột phải vào thư mục "Mô hình", chọn "Thêm" -> "Lớp" và tạo "Học sinh. cs" bên trong nó
Lớp
namespace FormSubmitMVC.Models
{
public class Student
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string EmailAddress { get; set; }
}
}
1 sẽ chứa một vài thuộc tính của Sinh viên như FirstName, LastName, EmailAddress, v.v., vì vậy đây là mã cho nónamespace FormSubmitMVC.Models
{
public class Student
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string EmailAddress { get; set; }
}
}
Bước 3. Điều hướng đến Lượt xem-> Trang chủ -> Chỉ mục. cshtml để tạo biểu mẫu HTML bằng HTML. BeginForm trong ASP. NET MVC và sau đó gửi các giá trị của Sinh viên từ biểu mẫu tới Bộ điều khiển C# [HomeController. cs]
Xóa tất cả Mã HTML khỏi Chỉ mục. cshtml vì chúng tôi sẽ tạo mã mới
Vì vậy, mã mới của chúng tôi bằng cách sử dụng
namespace FormSubmitMVC.Models
{
public class Student
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string EmailAddress { get; set; }
}
}
2 bên trong namespace FormSubmitMVC.Models
{
public class Student
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string EmailAddress { get; set; }
}
}
3 sẽ trông như thế này
@model FormSubmitMVC.Models.Student
@{
ViewBag.Title = "Home Page";
}
@using [Html.BeginForm["SaveStudent", "Home", FormMethod.Post, new { id = "Form1" }]]
{
First Name
@Html.TextBoxFor[a => a.FirstName, new { @class = "form-control" }]
Last Name
@Html.TextBoxFor[a => a.LastName, new { @class = "form-control" }]
Email Address
@Html.TextBoxFor[a => a.EmailAddress, new { @class = "form-control" }]
}
Trong đó, "______ 14" = Tên Phương thức hành động để đăng giá trị
"______15"=Tên bộ điều khiển
"________ 20" được sử dụng để đăng các giá trị từ biểu mẫu lên Phương thức hành động của bộ điều khiển C#
"
@model FormSubmitMVC.Models.Student
@{
ViewBag.Title = "Home Page";
}
@using [Html.BeginForm["SaveStudent", "Home", FormMethod.Post, new { id = "Form1" }]]
{
First Name
@Html.TextBoxFor[a => a.FirstName, new { @class = "form-control" }]
Last Name
@Html.TextBoxFor[a => a.LastName, new { @class = "form-control" }]
Email Address
@Html.TextBoxFor[a => a.EmailAddress, new { @class = "form-control" }]
}
1" là giá trị thuộc tính id HTML của biểu mẫuVề cơ bản, HTML. Cú pháp BeginForm trông như thế này
Html.BeginForm[ActionName, Controller, FormMethod Type, htmlAttributes ]
Bước 4. Điều hướng đến
@model FormSubmitMVC.Models.Student
@{
ViewBag.Title = "Home Page";
}
@using [Html.BeginForm["SaveStudent", "Home", FormMethod.Post, new { id = "Form1" }]]
{
First Name
@Html.TextBoxFor[a => a.FirstName, new { @class = "form-control" }]
Last Name
@Html.TextBoxFor[a => a.LastName, new { @class = "form-control" }]
Email Address
@Html.TextBoxFor[a => a.EmailAddress, new { @class = "form-control" }]
}
2 và tạo Phương thức hành động mới "________ 14" với thuộc tính "________ 24", vì vậy Phương thức hành động của bạn sẽ trông như thế này________số 8Như bạn có thể thấy trong đoạn mã trên, biến Loại
@model FormSubmitMVC.Models.Student
@{
ViewBag.Title = "Home Page";
}
@using [Html.BeginForm["SaveStudent", "Home", FormMethod.Post, new { id = "Form1" }]]
{
First Name
@Html.TextBoxFor[a => a.FirstName, new { @class = "form-control" }]
Last Name
@Html.TextBoxFor[a => a.LastName, new { @class = "form-control" }]
Email Address
@Html.TextBoxFor[a => a.EmailAddress, new { @class = "form-control" }]
}
5 được sử dụng làm tham số của ActionMethod này, biến này sẽ liên kết tất cả các giá trị biểu mẫu HTML vào ActionMethod của Bộ điều khiển C# nàySử dụng biến "
@model FormSubmitMVC.Models.Student
@{
ViewBag.Title = "Home Page";
}
@using [Html.BeginForm["SaveStudent", "Home", FormMethod.Post, new { id = "Form1" }]]
{
First Name
@Html.TextBoxFor[a => a.FirstName, new { @class = "form-control" }]
Last Name
@Html.TextBoxFor[a => a.LastName, new { @class = "form-control" }]
Email Address
@Html.TextBoxFor[a => a.EmailAddress, new { @class = "form-control" }]
}
6" này, được truyền dưới dạng tham số, chúng ta có thể lấy các giá trị biểu mẫu HTML và sử dụng chúng để lưu nó vào cơ sở dữ liệu hoặc thực hiện các chức năng khác với nó