Chuyển hướng biểu mẫu html khi thành công

Các phản hồi HTTP gửi biểu mẫu thường là một chuyển hướng tạm thời của 302 Found sang một trang mới. Theo mặc định, phản hồi thành công của wagtail.contrib.forms.models.FormPage không làm điều này, nghĩa là có nguy cơ người dùng sẽ làm mới trang thành công và gửi lại thông tin của họ

Thay vì hiển thị nội dung render_landing_page trong phản hồi POST, chúng tôi sẽ chuyển hướng đến một phiên bản route của phiên bản

Redirecting
0 tại một đường dẫn URL con. Nội dung sẽ vẫn được quản lý trong trang quản trị của cùng một biểu mẫu. Cách tiếp cận này sử dụng mô-đun đóng góp bổ sung
Redirecting
1

Một cách tiếp cận khác là chuyển hướng đến một trang hoàn toàn khác, không yêu cầu mô-đun

Redirecting
2. Nhìn thấy

Tập lệnh chờ nhấp vào nút đầu vào và thiết lập trình nghe để kiểm tra xem liệu div chứa văn bản xác nhận có hiển thị hay không và sau đó đưa người dùng đến trang đích

Thêm phần này vào điểm tiêm mã cho trang chứa biểu mẫu



var eventposted=0;

$[document].ready[function[]{
 $['input.button'].click[function[] {
   window.setInterval[foo, 100];
 }];
}];

function foo[]{
 if[[$[".form-submission-text"].is[':visible']] && [eventposted==0]]{
   window.location = "//www.something.com/destinationpage";
   eventposted=1;
 }
}






Nếu bạn đang tìm Nhà phát triển Squarespace, hãy gửi cho tôi một dòng.

Liên kết để bình luận

rubengarciam

Đăng ngày 8 tháng 12 năm 2014

rubengarciam

  • Thành viên
    • 7

    • Đăng lại

Đăng ngày 8 tháng 12 năm 2014

Công cụ tuyệt vời. Có cách nào để lấy giá trị của đầu vào biểu mẫu không?

Liên kết để bình luận

colin. irwin

Đăng ngày 8 tháng 12 năm 2014

colin. irwin

  • Thành Viên Vòng Tròn
    • 3. 5k
    • 562

    • Đăng lại

Đăng ngày 8 tháng 12 năm 2014

@rubengarciam - Câu hỏi hay. Một cách để lấy giá trị của đầu vào biểu mẫu sẽ có một trình nghe khác cập nhật các biến JavaScript cho từng trường bạn muốn theo dõi, sau đó kiểm tra các biến đó để xác định đích hướng động

Nếu bạn đang tìm Nhà phát triển Squarespace, hãy gửi cho tôi một dòng.

Liên kết để bình luận

rubengarciam

Đăng ngày 8 tháng 12 năm 2014

rubengarciam

  • Thành viên
    • 7

    • Đăng lại

Đăng ngày 8 tháng 12 năm 2014

@silvabokis Tôi quản lý để làm cho nó hoạt động bằng cách viết biểu mẫu dưới dạng mã khối thay vì khối biểu mẫu. Mã [trong trường hợp cụ thể này, chỉ một đầu vào]

Redirecting

Liên kết để bình luận

bình phương học

Đăng ngày 31 tháng 1 năm 2015

bình phương học

  • Thành viên
    • 119
    • 33

    • Đăng lại

Đăng ngày 31 tháng 1 năm 2015

Bạn có thể sử dụng HTML Gửi sau khi gửi trong tab nâng cao của cài đặt khối Biểu mẫu, chỉ cần thêm chuyển hướng javascript

thí dụ

   var url = "//google.com";

   // IE8 and lower fix
   if [navigator.userAgent.match[/MSIE\s[?!9.0]/]]
   {
       var referLink = document.createElement["a"];
       referLink.href = url;
       document.body.appendChild[referLink];
       referLink.click[];
   }

   // All other browsers
   else { window.location.assign[url]; }


CHỈNH SỬA. Mã này đã được cập nhật để sử dụng cửa sổ. địa điểm. gán [url] thay vì cửa sổ. địa điểm. thay thế [url], để khắc phục sự cố với nút quay lại không hoạt động chính xác. Cảm ơn @AdySmiles và @Bernard West. . ]

Liên kết để bình luận

FyireChilde

Đăng ngày 12 tháng 2 năm 2015

FyireChilde

  • Thành viên
    • 2

    • Đăng lại

Đăng ngày 12 tháng 2 năm 2015

Tôi đang cố gắng đưa chức năng này vào biểu mẫu tôi có trên trang đích, hộp sáng trên trang đích và không có đoạn mã nào tôi đang tìm đang hoạt động. Tôi muốn tự động chuyển hướng người dùng đến một trang trên trang web của tôi nếu họ gửi biểu mẫu

Vấn đề tôi gặp phải ít hơn là "không chuyển hướng khi gửi" và hơn thế nữa "bất kỳ mã nào trong phần nâng cao khiến biểu mẫu không bật lên và do đó sẽ không bao giờ được điền", vì vậy tôi không chắc đây có phải là sự cố không

Bất kỳ suy nghĩ?

Liên kết để bình luận

Jordaniels1

Đăng ngày 1 tháng 3 năm 2015

Jordaniels1

  • Thành viên
    • 5

    • Đăng lại

Đăng ngày 1 tháng 3 năm 2015

Bạn phải nhập URL mà bạn muốn liên kết đến ở đâu?

Liên kết để bình luận

neeklamy

Đăng ngày 1 tháng 3 năm 2015

neeklamy

  • Thành viên
    • 2. 7k
    • 266

    • Đăng lại

Đăng ngày 1 tháng 3 năm 2015

@Jordaniels1 – gần cuối có dòng này

window.location = "//www.something.com/destinationpage";

Chỉ cần thay đổi URL đó thành bất cứ thứ gì bạn muốn

Cái tên này là một dạng Anh hóa của Korvetti trong tiếng Hy Lạp - Tôi thích nghĩ rằng có một chút động lực của người Hy Lạp cổ đại trong tôi

Liên kết để bình luận

Jordaniels1

Đăng ngày 1 tháng 3 năm 2015

Jordaniels1

  • Thành viên
    • 5

    • Đăng lại

Đăng ngày 1 tháng 3 năm 2015

Nó dường như không hoạt động, bạn có biết tại sao không?

Liên kết để bình luận

Jordaniels1

Đăng ngày 1 tháng 3 năm 2015

Jordaniels1

  • Thành viên
    • 5

    • Đăng lại

Đăng ngày 1 tháng 3 năm 2015

Đây là cách tôi đã nhập nó. điều này có đúng không

Liên kết để bình luận

adamspicar

Đăng ngày 17 tháng 3 năm 2015

adamspicar

  • Thành Viên Vòng Tròn
    • 22

    • Đăng lại

Đăng ngày 17 tháng 3 năm 2015

@tryingtobehelpful, tập lệnh này hoạt động rất tốt. Và bạn cũng có thể sử dụng nó với khối Đăng ký Bản tin. Cảm ơn bạn rất nhiều

Liên kết để bình luận

gpc

Đăng ngày 18 tháng 3 năm 2015

gpc

  • Thành viên
    • 25

    • Đăng lại

Đăng ngày 18 tháng 3 năm 2015

các bạn, mã tuyệt vời. cảm ơn. làm cách nào tôi có thể thay đổi khoảng thời gian giữa lần gửi và chuyển hướng thành một vài giây để người gửi biểu mẫu có thể đọc được thông báo gửi?

Cảm ơn nhiều

Liên kết để bình luận

colin. irwin

Đăng ngày 18 tháng 3 năm 2015

colin. irwin

  • Thành Viên Vòng Tròn
    • 3. 5k
    • 562

    • Đăng lại

Đăng ngày 18 tháng 3 năm 2015

Trong tập lệnh của tôi, bạn có thể tăng giá trị mili giây trong dòng sau

window.setInterval[foo, 100];  

Điều này sẽ làm chậm tốc độ tập lệnh kiểm tra xem văn bản gửi biểu mẫu có hiển thị hay không

Tuy nhiên, sau đó có một mối nguy hiểm là người dùng sẽ đi đến một nơi khác trước khi chuyển hướng kích hoạt

Nếu bạn đang tìm Nhà phát triển Squarespace, hãy gửi cho tôi một dòng.

Liên kết để bình luận

AdySmiles

Đăng ngày 23 tháng 5 năm 2015

AdySmiles

  • Thành viên
    • 52
    • 2

    • Đăng lại

Đăng ngày 23 tháng 5 năm 2015

đại mã. Tuy nhiên, tôi nhận thấy rằng khi sử dụng mã HTML Gửi sau khi gửi được liệt kê ở trên, nó sẽ đưa tôi đến trang mới. Nhưng khi tôi nhấn nút quay lại trong menu trình duyệt, nó không đưa bạn trở lại trang mà bạn đã điền vào biểu mẫu. Đó thực sự không phải là vấn đề lớn nhưng tôi đang sử dụng mã trên biểu mẫu bản tin trên blog của mình. Vì vậy, nếu ai đó đăng ký và sau đó chọn quay lại blog bằng cách nhấn nút quay lại, sẽ thật lý tưởng nếu họ có thể được đưa trở lại đúng nơi

Nhiếp ảnh gia thời trang và chân dung

Liên kết để bình luận

Bernard Tây

Đăng ngày 24 tháng 5 năm 2015

Bernard Tây

  • Thành viên
    • 573
    • 36

    • Đăng lại

Đăng ngày 24 tháng 5 năm 2015

thay thế xóa url khỏi bộ đệm của trình duyệt. Tôi đã không nghĩ về điều này quá nhiều, nhưng thay vì cửa sổ. địa điểm. thay thế [url]; thử

cửa sổ. vị trí = "www. Google. com";

Điều đó sẽ giữ url trước đó trong bộ đệm. Tôi chỉ không chắc chính xác nó sẽ tương tác như thế nào với mã của trytobehelpful ở trên. Chỉ có một cách để tìm hiểu. ;]

Liên kết để bình luận

bcassano

Đăng ngày 31 tháng 7 năm 2015

bcassano

  • Thành viên
    • 2

    • Đăng lại

Đăng ngày 31 tháng 7 năm 2015

@squareology @AdySmiles @Bernard-West có biết tại sao khi tôi thêm Post-Submit HTML, nút biểu mẫu của tôi không còn bật lên để điền vào không?

Liên kết để bình luận

iamblissyoga

Đăng ngày 24 tháng 8 năm 2015

iamblissyoga

  • Thành viên
    • 12

    • Đăng lại

Đăng ngày 24 tháng 8 năm 2015

Nó không hoạt động chút nào đối với tôi. . [ Tôi đặt đoạn mã trên vào Chèn mã tiêu đề trang trong tab Nâng cao trong cài đặt của trang Tôi có biểu mẫu bản tin, phải không? Xin hãy giúp đỡ. Điều này rất quan trọng

Liên kết để bình luận

iamblissyoga

Đăng ngày 24 tháng 8 năm 2015

iamblissyoga

  • Thành viên
    • 12

    • Đăng lại

Đăng ngày 24 tháng 8 năm 2015

Không có mã nào phù hợp với tôi. . [Và tôi bối rối với đoạn mã trên về việc viết biểu mẫu dưới dạng mã khối thay vì mã biểu mẫu. Bạn vui lòng làm rõ những gì bạn đang nói? . Xin vui lòng giúp đỡ. Cảm ơn

Liên kết để bình luận

iamblissyoga

Đăng ngày 24 tháng 8 năm 2015

iamblissyoga

  • Thành viên
    • 12

    • Đăng lại

Đăng ngày 24 tháng 8 năm 2015

Nó đã làm việc. Cảm ơn bạn

Liên kết để bình luận

iamblissyoga

Đăng ngày 24 tháng 8 năm 2015

iamblissyoga

  • Thành viên
    • 12

    • Đăng lại

Đăng ngày 24 tháng 8 năm 2015

Ồ không, có những dòng kỳ lạ ở đầu trang và một nút gửi ở góc bên trái trên trang chủ của tôi sau khi tôi đặt mã này. Cứu giúp. Trang web của tôi là iamblissyoga. com

Liên kết để bình luận

colin. irwin

Đăng ngày 25 tháng 8 năm 2015

colin. irwin

  • Thành Viên Vòng Tròn
    • 3. 5k
    • 562

    • Đăng lại

Đăng ngày 25 tháng 8 năm 2015

Biểu mẫu có phải là một phần của trang Chỉ mục không?

Nếu bạn đang tìm Nhà phát triển Squarespace, hãy gửi cho tôi một dòng.

Liên kết để bình luận

hvdelmore

Đăng ngày 3 tháng 12 năm 2015

hvdelmore

  • Thành viên
    • 1

    • Đăng lại

Đăng ngày 3 tháng 12 năm 2015

này các cậu. Không có mã nào ở trên phù hợp với tôi. sau nhiều giờ vật lộn với nó

Nhưng tôi đã tìm ra một giải pháp cực kỳ dễ dàng và hiệu quả

Đặt phần này vào phần "POST-SUBMIT HTML" trong phần "nâng cao"

Sau đó, thay thế URL bằng nơi bạn muốn trang của mình được chuyển hướng đến

Đây là mã

Liên kết để bình luận

marcusgenesis

Đăng ngày 4 tháng 12 năm 2015

marcusgenesis

  • Thành viên
    • 1

    • Đăng lại

Đăng ngày 4 tháng 12 năm 2015

Đóng cửa trước. Tất cả các giải pháp mã điên rồ này và hvdelmore có một giải pháp hoạt động. Và nó ngắn nhất

Tôi cần theo dõi chuyển đổi ở hai nơi khác nhau. Mã dài về phía trên cùng hoạt động với tôi ở một nơi nhưng không hoạt động như cũ khi tôi sử dụng lại ở một nơi khác

Nhưng mã hvdelmore hoạt động ở cả hai nơi

Tương tự như vậy, tôi mới nhận ra rằng bạn cũng có thể sử dụng mã này [thậm chí ngắn hơn] trong hộp POST-SUBMIT HTML cho các lần gửi biểu mẫu mà bạn muốn theo dõi chuyển đổi.

Rõ ràng, hãy nhớ thay thế "/liên kết đến trang cụ thể" bằng trang trên trang web của bạn mà bạn đã cài đặt mã theo dõi chuyển đổi trên

Xin lỗi các bạn, tôi biết giải pháp này cực kỳ đơn giản, nhưng tôi vừa mới tìm ra cách đây một lúc và không thể thực hiện được nếu không có sự trợ giúp của diễn đàn này

Liên kết để bình luận

RodriCosta

Đăng ngày 5 tháng 12 năm 2015

RodriCosta

  • Thành viên
    • 1

    • Đăng lại

Đăng ngày 5 tháng 12 năm 2015

Này các bạn,

đó là làm việc với google form??

vì vậy tôi đang cố gắng tìm ra cách chuyển hướng biểu mẫu G trong một thời gian dài nhưng vẫn chưa có gì hiệu quả với tôi. Tôi đang sử dụng biểu mẫu trong ứng dụng html tĩnh trên trang facebook, tôi đã thử một số mục tiêu java, iframe, html, v.v. và nhiều khả năng được tìm thấy trên mạng, vì vậy tôi không biết cách khắc phục vấn đề này ở đâu và như thế nào. Vì vậy, tôi sẽ thử mã Silvabokis nếu hoạt động. Tôi nghĩ vấn đề lớn nhất là nơi tôi đang làm việc, vì vậy ứng dụng html tĩnh trên facebook là một khung nội tuyến, vì vậy tôi đang làm việc bên trong địa điểm Khung nội tuyến và có lẽ đây là lý do tại sao bất kỳ mã nào cũng hoạt động. Bất cứ ai cũng có thể cho tôi biết điều gì đó về nó, vì vậy tôi sẽ đánh giá cao, trân trọng

Làm cách nào để chuyển hướng đến một trang khác sau khi gửi biểu mẫu bằng JavaScript?

Chạy JavaScript sau khi gửi biểu mẫu .
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". .
Chuyển hướng đến URL trong tab mới Phương pháp 2. .
Hiển thị thông báo xác nhận, sau đó chuyển hướng. .
Ẩn thông báo xác nhận sau 5 giây. .
Thực hiện hành động sau khi gửi biểu mẫu

Làm cách nào để chuyển hướng đến một trang khác trong HTML bằng nút gửi?

Để liên kết nút gửi tới một trang web khác bằng Thẻ biểu mẫu HTML. .
Sử dụng Thuộc tính hành động của Biểu mẫu HTML, chúng tôi có thể liên kết nút gửi với một trang riêng trong phần tử Biểu mẫu HTML
Tại đây, hãy khai báo/ghi “Nút gửi” trong Thẻ biểu mẫu HTML và cung cấp Đường dẫn tệp bên trong thuộc tính hành động của biểu mẫu HTML

Làm cách nào để chuyển hướng đến một trang khác trong JavaScript sau khi xác thực?

Có một số phương pháp để chuyển hướng đến một trang web khác bằng JavaScript. .
href. Nó được sử dụng để đặt hoặc trả về URL đầy đủ của trang hiện tại
thay thế[]. Nó được sử dụng để thay thế tài liệu hiện tại bằng tài liệu được chỉ định
giao phó[]. Nó được sử dụng để tải một tài liệu mới

Bạn có thể làm cho biểu mẫu Google chuyển hướng đến một trang khác không?

Mở thanh bên trong Google Trang tính và mở rộng phần Cài đặt cơ bản. Tại đây, hãy nhập URL của trang web bên ngoài vào trường Chuyển hướng sau khi gửi . Nếu cả thông báo xác nhận và liên kết chuyển hướng được cung cấp, tùy chọn chuyển hướng sẽ được ưu tiên.

Chủ Đề