Cách hiển thị thông báo sau khi gửi biểu mẫu trong HTML

Ví dụ

Thực thi JavaScript khi biểu mẫu được gửi

  Nhập tên.
 
Tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện onsubmit xảy ra khi một biểu mẫu được gửi

Hỗ trợ trình duyệt

EventonsubmitCóCóCóCóCó

cú pháp

Trong JavaScript, sử dụng phương thức addEventListener[]

vật. addEventListener["gửi", myScript];

Tự mình thử »

chi tiết kỹ thuật

bong bóng. CóCó thể hủy. Có Loại sự kiện. Các thẻ HTML được hỗ trợ sự kiện. Phiên bản DOM. Sự kiện cấp 2

Chạy javascript khi gửi biểu mẫu với các ví dụ sau. Những ví dụ này sử dụng trình kích hoạt có trong Formidable Forms

Formidable Forms là plugin Trình tạo biểu mẫu WordPress tốt nhất.

Chuyển hướng đến URL trong tab mới

Bạn có thể thực hiện việc này một cách dễ dàng bằng cách thêm Javascript chuyển hướng trong "thông báo xác nhận cập nhật"

window.open['//www.yoururl.com', '_blank'];

Chuyển hướng đến URL trong tab mới Phương pháp 2

Mặt trái của tùy chọn 1 là trình chặn cửa sổ bật lên của trình duyệt có thể ngăn cửa sổ chuyển hướng của bạn mở. Tùy chọn 2 cung cấp một cách khác để mở trang/tab mới khi gửi mà không kích hoạt trình chặn cửa sổ bật lên. Để thực hiện việc này, bạn cần đi tới cài đặt biểu mẫu -> Tùy chỉnh HTML và thêm đoạn mã sau vào mã nút gửi ngay trước mã ngắn [button_action]

 title="window.open['//yoururl.com', '_blank'];"

Hiển thị thông báo xác nhận, sau đó chuyển hướng

Thêm mã sau vào hộp thông báo Khi gửi biểu mẫu của bạn. Nó sẽ hiển thị thông báo thành công trong 5 giây, sau đó chuyển hướng

Your submission was successfully saved.


setTimeout["location.href = '//www.yoursite.com';",5000];
 

Ẩn thông báo xác nhận sau 5 giây

Nếu bạn đang hiển thị biểu mẫu của mình với thông báo thành công và muốn ẩn nó sau x giây, bạn có thể sử dụng mã này trong thông báo thành công của mình

Your submission was successfully saved.


jQuery[document].ready[function[$]{
$[".frm_message"].delay[5000].fadeOut[1000]; // change 5000 to number of seconds in milliseconds  
}];

Thực hiện hành động sau khi gửi biểu mẫu

Nếu bạn muốn thực hiện một hành động jQuery hoặc JavaScript sau khi biểu mẫu được gửi, bạn có thể sử dụng ba sự kiện khác nhau, tùy thuộc vào hành động "Khi gửi" mà bạn đã chọn trong Cài đặt của biểu mẫu

Thông báo sau khi thành công

Bạn có thể sử dụng sự kiện frmFormComplete cho lệnh gọi lại gửi biểu mẫu javascript hoặc jQuery sau khi thông báo thành công được hiển thị. Một ví dụ cơ bản được hiển thị dưới đây

jQuery[document].ready[function[$]{
$[document].on[ 'frmFormComplete', function[ event, form, response ] {
var formID = $[form].find['input[name="form_id"]'].val[];
}];
}];

Đối tượng biểu mẫu bao gồm thành phần biểu mẫu đã được gửi. Đối tượng phản hồi bao gồm nội dung được hiển thị từ một trang khác. Tập lệnh này phải được đưa vào bên ngoài HTML của biểu mẫu để được sử dụng

Tôi muốn biểu mẫu “không” chuyển hướng đến một trang khác sau khi gửi biểu mẫu, nhưng thay vào đó chỉ hiển thị một văn bản bên dưới biểu mẫu có nội dung chẳng hạn “Đã gửi biểu mẫu thành công. ” và các hộp văn bản sẽ bị xóa

Và nếu có thể không bao gồm bất kỳ mã PHP nào trong trang web chính vì tôi muốn nó vẫn là một. tệp html

Tôi là người mới bắt đầu học PHP, vì vậy hiện tại tôi không thể tự viết mã nhưng tôi biết một vài thuật ngữ và có thể làm theo các mã cơ bản [tôi nghĩ vậy]

Đây là các mã

mục lục. html

trang cảm ơn. html

 


	Thank you!
    
    



    

        
Thank you for reaching out to us. We will get back to you shortly. Please click here  if you are not redirected within a few seconds.
    
    
    
        setTimeout[function [] {
            window.location.replace["index.html"]; //will redirect to main page [index.html]
        }, 3000]; //will call the function after 3 secs.
       

biểu mẫu gửi email. php

Nếu ai đó có thể cho tôi ý tưởng về cách thực hiện điều tôi muốn làm thì thật tuyệt.
Tôi đã tải những thứ này lên một máy chủ lưu trữ web để tôi có thể liên kết bạn với nó. Chỉ cần cho tôi biết và tôi sẽ gửi cho bạn qua chiều. Cảm ơn bạn.

Tôi sẽ đăng mã ở đây

________số 8

Điều tôi muốn ban đầu là hiển thị một khối văn bản bên dưới mã sau khi gửi biểu mẫu [tôi không thể làm được], nhưng tôi nghĩ điều này sẽ làm được ngay bây giờ

mục lục. html

Đã cập nhật biểu mẫu gửi email. php

 title="window.open['//yoururl.com', '_blank'];"

0

rủ xuống

Về vấn đề bảo mật, hơi lạ là bạn sẽ không đăng liên kết, nhưng bạn không ngại gửi nó cho một người hoàn toàn xa lạ

đó là công bằng. Chỉ không muốn đăng nó ở nơi mọi người có thể nhìn thấy và tôi biết bạn sẽ không đăng nó ở nơi khác hoặc chia sẻ nó với bất kỳ ai vì bạn sẽ không thu được gì từ nó.

Tôi không biết rằng những người khác không thể nhìn thấy mã.

Dù sao, mã php đầy đủ ở trên.

Cảm ơn bạn

rủ xuống

I’d normally just have a

and set the content to whatever you want to indicate success, or even just manipulate the visibility of it in your success[] function.

Tôi không biết tại sao tôi không nghĩ ra điều này.
Đã sửa lỗi ngay bây giờ.

Đã thêm cái này vào. html

 title="window.open['//yoururl.com', '_blank'];"

1

Phong cách

 title="window.open['//yoururl.com', '_blank'];"

2

kịch bản

 title="window.open['//yoururl.com', '_blank'];"

3

rủ xuống

Nhận xét đầu tiên về PHP là bạn không nên sử dụng mail[] vì nó thường được mô tả là không đáng tin cậy. Hãy xem PHPMailer hoặc Swiftmailer

Tôi sẽ xem xét những điều này. Tôi thực sự chỉ tìm thấy mã PHP trực tuyến. Tôi nghĩ rằng tôi đã bắt gặp PHPMailer rồi nhưng nó quá phức tạp để tôi hiểu

Dữ liệu từ một biểu mẫu HTML được gửi tới một URL như thế nào sau khi nó được gửi?

Điều gì xảy ra khi biểu mẫu được gửi trong HTML?

Làm cách nào để hiển thị thông báo thành công trong JavaScript?

Điều gì xảy ra sau khi gửi biểu mẫu?