Ngăn chuyển hướng trên biểu mẫu gửi javascript

https. // xem trước. hs-trang web. com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=




{{ mô-đun. add_heading_here }}


{% form
form_to_use="{{ module.form_field.form_id }}"
response_response_type="{{ module.form_field.response_type }}"
response_message="{{ module.form_field.message }}"
response_redirect_id="{{ module.form_field.redirect_id }}"
response_redirect_url="{{module.form_field.redirect_url}}"
gotowebinar_webinar_key="{{ module.form_field.gotowebinar_webinar_key }}"
%}
>


Khi tôi đang sử dụng cái này, tôi nhận được 2 mẫu 1 vì. -[trường hợp 1]

{% biểu mẫu
form_to_use="{{ mô-đun. đơn mẫu. form_id }}"
response_response_type="{{ mô-đun. đơn mẫu. response_type }}"
response_message="{{ mô-đun. đơn mẫu. thông báo }}"
response_redirect_id="{{ mô-đun. đơn mẫu. redirect_id }}"
response_redirect_url="{{module. đơn mẫu. redirect_url}}"
gotowebinar_webinar_key="{{ mô-đun. đơn mẫu. gotowebinar_webinar_key }}"
%}

và cùng với hình thức Hubspot khác là do. -[Trường hợp2]

Vấn đề. - Khi tôi nhập giá trị vào trường của biểu mẫu Case1 và nhấp vào nút Nhận giá trị case2 thì tôi nhận được giá trị trong kết quả của trường Case1

Yêu cầu. - Khi tôi nhấp vào nút Nhận giá trị trong trường hợp 1 thì chỉ có đầu ra xuất hiện mà không hiển thị thông báo cảm ơn nội tuyến

Điều tôi đã phát hiện ra với Wappler là IIS không có một số cài đặt nhất định mà Wappler yêu cầu và những cài đặt này cần được kiểm tra. Nó có ý nghĩa nếu bạn lùi lại và nhìn vào nó. Tôi viết mã bằng C#. Tôi chưa bao giờ viết mã Javascript và thực sự không muốn. [Đây là lý do tại sao tôi mua Wappler “Giải pháp ít mã/Không mã”. ] Nhưng một số vấn đề tôi gặp phải ở đây liên quan đến IIS và hỗ trợ Javascript của nó. Nó phải được cấu hình cho Javascript, ít nhất là trên PC của tôi, đây là thiết lập tiêu chuẩn do nhân viên CNTT ở đây thực hiện [tôi làm việc cho một thành phố rất lớn]. Tôi không thể kiểm soát cách máy này được chụp, nhưng tôi có quyền quản trị để thay đổi mọi thứ khi cần thiết

TLDR;
Nếu bất kỳ ai sử dụng IIS tìm thấy bài đăng này, tôi đã dành thời gian để hiển thị bên dưới những cài đặt nào bạn có thể cần đặt khi mọi thứ dường như không hoạt động bình thường trong Wappler. Nếu bạn đã phát triển bằng Javascript thì IIS của bạn có thể đã hoạt động tốt.

#1 Bật cài đặt 'Nội dung tĩnh'.
Bảng điều khiển–> Pregrams và tính năng–>Bật hoặc tắt tính năng của Windows–>Dịch vụ thông tin Internet–>Dịch vụ web toàn cầu–>Tính năng HTTP phổ biến–> Nội dung tĩnh–> ĐÃ BẬT

2022-10-06_09h10_35415×551 18. 1KB

#2 Bật bất kỳ 'Ánh xạ trình xử lý' nào bị thiếu.
Trong trường hợp của tôi, KHÔNG có ánh xạ nào cho các loại Nội dung tĩnh này. JS, CSS, JPG, PNG.
Xem ảnh chụp màn hình bên dưới để biết cách thêm ánh xạ cho từng loại tệp mà bạn có thể đang thiếu. Dễ thôi.

10-2022-06_09h14_44779×592 50. 8KB


Trong trường hợp của tôi, Loại. 'Hệ thống. mạng. StaticFileHandler’ không xuất hiện trong trình đơn thả xuống nên tôi phải tự nhập nó vào.
Xin lưu ý rằng do tính kế thừa, việc thêm Ánh xạ vào ‘Trang web mặc định’ sẽ ảnh hưởng đến mọi ứng dụng ảo trong đó. Bạn có thể muốn nghĩ đến việc CHỈ thêm một ánh xạ cho từng ứng dụng cần nó thay vì Trang web mặc định.
Hoặc, bạn có thể thêm Ánh xạ vào web. tệp cấu hình cho một ứng dụng riêng lẻ.

#3 Máy chủ ứng dụng. thay đổi cấu hình
Để ứng dụng Wappler của tôi hoạt động chính xác, tôi đã thêm phần này.

10-10-2022_09h58_491691×359 30. 1KB

Cũng xin lưu ý rằng đây là nơi ánh xạ của trình xử lý đi đến mà bạn đã đặt ở bước #2 ở trên.

2022-10-06_10h01_131532×136 6. 14KB

#4 Quyền đối với thư mục
Sau khi tạo Ứng dụng trong IIS, có thể bạn sẽ cần đặt quyền đối với thư mục thực chứa các tệp Wappler . Tùy thuộc vào nhóm ứng dụng mà bạn đã gán cho ứng dụng trong IIS [theo mặc định, đó có thể là DefaultAppPool], nhóm ứng dụng đó phải được cấp quyền cho thư mục thực tế.


Tôi để mặc định các quyền như hình minh họa.

LUÔN LUÔN khởi động lại Máy chủ IIS sau khi thực hiện thay đổi.
Như thường lệ, hãy sao lưu các tệp cấu hình của bạn trước khi chỉnh sửa chúng.

Hy vọng điều này sẽ giúp bất kỳ ai có thể gặp phải sự cố liên quan đến việc sử dụng Wappler trên Máy chủ IIS cục bộ của bạn

Làm cách nào để ngăn biểu mẫu chuyển hướng trong js?

preventDefault[] hoặc trả về false trong hàm onsubmit. .
$['#liên hệGửi']. .
Phải là $['#contactSend']. nhấp chuột [hàm [e] { submitClick [e] }]; . nhấp chuột [submitClick];.
Thế còn giải pháp vanilla JS thì sao?

Làm cách nào để hạn chế gửi biểu mẫu trong JavaScript?

Chúng tôi có thể ngăn gửi biểu mẫu bằng cách đưa ra "return false;" . Cung cấp giá trị này cho sự kiện làm cho biểu mẫu không trả lại gì và ngăn biểu mẫu gửi cũng như làm mới trình duyệt. . Giving this value to the event makes the form return nothing and prevent it from submission as well as refreshing the browser.

Làm cách nào để gửi biểu mẫu mà không cần làm mới trang bằng javascript?

Gửi biểu mẫu html mà không cần tải lại trang .
Khi biểu mẫu html này được gửi, nó sẽ gọi hàm javascript yourJsFunction[], nhưng nó sẽ không tải lại trang. .
Sử dụng sự kiện gửi của jQuery để xử lý biểu mẫu gửi, thêm return false;

Làm cách nào để làm mới trang sau khi gửi biểu mẫu trong javascript?

Bạn có thể sử dụng vị trí. reload[] Phương thức JavaScript để tải lại URL hiện tại . Phương pháp này hoạt động tương tự như nút Làm mới của trình duyệt. Phương thức reload[] là phương thức chính chịu trách nhiệm tải lại trang.

Chủ Đề