Làm cách nào chúng tôi có thể gửi biểu mẫu mà không có nút Gửi trong PHP?

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 onclick của thẻ div

  
  	
  
  
    

        
        

        
        

        
        

        
Click Me To Submit
    
    
  

đọ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 onclick 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ẫu

Về 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ố 8

Như 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ày

Sử 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ó

Làm cách nào để lấy dữ liệu biểu mẫu mà không cần gửi bằng php?

Bạn có thể gửi biểu mẫu mà không cần php không?

Làm cách nào để tắt nút gửi sau khi gửi biểu mẫu trong php?