Hướng dẫn redirect to another page after form submit javascript - chuyển hướng đến một trang khác sau khi gửi biểu mẫu javascript

Đệ trình của bạn sẽ hủy chuyển hướng hoặc ngược lại.

Tôi không thấy lý do chuyển hướng ở nơi đầu tiên vì tại sao bạn có một mẫu đơn đặt hàng không làm gì.

Điều đó nói rằng, đây là làm thế nào để làm điều đó. Đầu tiên không bao giờ đặt mã vào nút gửi nhưng thực hiện nó trong onsubmit, thứ hai là trả về sai để dừng việc gửi

Lưu ý Mã này sẽ bỏ qua hành động và chỉ thực thi tập lệnh do trả về FALSE/PRECDEFAULT This code will IGNORE the action and ONLY execute the script due to the return false/preventDefault

function redirect[] {
  window.location.replace["login.php"];
  return false;
}

sử dụng

  
  

Hoặc không có gì nhiều:

window.onload=function[] {
  document.getElementById["form1"].onsubmit=function[] {
    window.location.replace["login.php"];
    return false;
  }
}

sử dụng

  
  

jQuery:

$["#form1"].on["submit",function[e] {
   e.preventDefault[]; // cancel submission
   window.location.replace["login.php"];
}];

-----

Thí dụ:

$["#form1"].on["submit", function[e] {
  e.preventDefault[]; // cancel submission
  alert["this could redirect to login.php"]; 
}];




  

Chạy JavaScript trên biểu mẫu Gửi với các ví dụ sau. Những ví dụ này sử dụng các kích hoạt bao gồm trong các hình thức đáng gờm.

Biểu mẫu đáng gờm là plugin Trình tạo mẫu WordPress tốt nhất. Nhận nó miễn phí!

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

Bạn có thể làm điều 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 phương pháp Tab mới 2

Mặt trái của tùy chọn 1 là trình chặn pop-up 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 cần kích hoạt trình chặn pop-up. Để thực hiện việc này, bạn sẽ cần truy cập cài đặt biểu mẫu của mình -> Tùy chỉnh HTML và thêm mã sau vào mã nút gửi ngay trước mã shortcode [nút_action].just before the [button_action] shortcode.

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

Hiển thị tin nhắn xác nhận, sau đó chuyển hướng

Thêm mã sau vào biểu mẫu của bạn trên hộp thông báo gửi. Nó sẽ hiển thị một thông điệp 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 tin nhắn 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 của mình 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:

  
  

0

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 hành động javascript hoặc javascript sau khi biểu mẫu được gửi, có ba sự kiện khác nhau mà bạn có thể sử dụng, tùy thuộc vào hành động "BẬT" bạn đã chọn trong cài đặt biểu mẫu của mình.

Sau khi tin nhắn thành công

Bạn có thể sử dụng sự kiện FRMFormComplete cho biểu mẫu JavaScript hoặc JQuery Gửi gọi lại sau khi một 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.

  
  

1

Đối tượng biểu mẫu bao gồm phần tử biểu mẫu đã được gửi. Đối tượng phản hồi bao gồm nội dung được hiển thị trong thông báo thành công. Kịch bản này có thể được đặt trong thông báo thành công của biểu mẫu hoặc nó có thể được tải trên trang nơi biểu mẫu được xuất bản. Nó không thể đi trong một HTML tùy chỉnh của một biểu mẫu.

Lưu ý: Để sử dụng chức năng này, hãy gửi biểu mẫu này với AJAX phải được bật trong cài đặt biểu mẫu.

Sau thông báo lỗi ajax

Bạn có thể sử dụng sự kiện FRMFormErrors cho biểu mẫu JavaScript hoặc JQuery Gửi gọi lại sau khi thông báo lỗi được hiển thị, khi biểu mẫu được đặt để gửi với AJAX. Một ví dụ đã được biểu diễn ở dưới.

  
  

2

Trước khi chuyển hướng

Bạn có thể sử dụng sự kiện frmbeForformredirect để chạy mã tùy chỉnh trước khi một biểu mẫu được chuyển hướng đến một trang mới. Xin lưu ý rằng điều này chỉ có thể được sử dụng nếu 'gửi với AJAX' được chọn trong cài đặt biểu mẫu của bạn. Một ví dụ cơ bản được hiển thị dưới đây.

  
  

3

Đối tượng biểu mẫu bao gồm phần tử biểu mẫu đã được gửi. Đối tượng phản hồi bao gồm URL mà trang sẽ chuyển hướng đến. Tập lệnh này có thể được đặt trong HTML tùy chỉnh của biểu mẫu.

Sau khi nội dung của trang khác được hiển thị

Bạn có thể sử dụng sự kiện FRMPageChanged để chạy mã tùy chỉnh sau khi biểu mẫu được thay thế bằng nội dung từ một trang khác. Một ví dụ cơ bản được hiển thị dưới đây.

  
  

4

Đối tượng biểu mẫu bao gồm phần tử 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. Kịch bản này phải được bao gồm bên ngoài HTML của biểu mẫu để được sử dụng.

Bạn có thể chuyển hướng một trang sang trang khác bằng cách sử dụng JavaScript làm thế nào không?

Để chuyển hướng đến một URL hoặc trang mới, bạn gán URL mới cho thuộc tính vị trí.HREF hoặc sử dụng phương thức vị trí.Assign [].assign the new URL to the location. href property or use the location. assign[] method.

Làm thế nào để bạn chuyển hướng đến một trang khác trong React JS khi gửi?

Để chuyển hướng trên biểu mẫu Gửi bằng bộ định tuyến React: Sử dụng móc usenavigate [], ví dụ:const navigate = usenavigate [];Hàm điều hướng [] cho phép chúng tôi điều hướng theo chương trình.Use the useNavigate[] hook, e.g. const navigate = useNavigate[]; . Call the navigate[] function passing it the path - navigate['/contacts'] . The navigate[] function lets us navigate programmatically.

Làm cách nào để chuyển hướng trang HTML sang trang HTML khác?

Để chuyển hướng một trang HTML sang trang khác, bạn cần thêm một thẻ bên trong phần của trang HTML cũ.Phần của tài liệu HTML chứa siêu dữ liệu hữu ích cho trình duyệt, nhưng vô hình khi người dùng xem trang.add a tag inside the section of the old HTML page. The section of an HTML document contains metadata that is useful for the browser, but invisible to users viewing the page.

Làm thế nào để bạn vào trang tiếp theo sau khi đăng nhập HTML?

Cách tiếp cận: Để chuyển hướng từ trang HTML sang trang khác, bạn có thể sử dụng thẻ bằng cách chỉ định liên kết cụ thể trong thuộc tính URL.Đó là chuyển hướng phía máy khách, trình duyệt yêu cầu máy chủ cung cấp một trang khác.use the tag by specifying the particular link in the URL attribute. It is the client-side redirection, the browsers request the server to provide another page.

Bài Viết Liên Quan

Chủ Đề