Tôi có một biểu mẫu web rất phức tạp trong trang web Drupal 7 mà tôi đã kế thừa. Tôi đã thêm một thành phần đánh dấu để xây dựng một nút và thêm một số JS liên kết nút này để kích hoạt một cửa sổ phương thức mở. Trong phương thức, một khối được hiển thị chứa chế độ xem liệt kê một số hồ sơ người dùng.
Khi tôi truy cập biểu mẫu web, mọi thứ hoạt động bình thường và tôi có thể nhấp vào nút để mở phương thức, nhưng khi truy cập lại bản gửi dự thảo, nút sẽ kích hoạt biểu mẫu web được gửi. Tôi đã tìm kiếm câu trả lời xung quanh và thử nhiều thứ khác nhau nhưng dường như không có gì có thể ngăn nút gửi biểu mẫu. Nếu tôi thay đổi đánh dấu để sử dụng một thẻ khác, chẳng hạn như thẻ span thì thẻ đó sẽ không gửi. Đánh dấu hoàn toàn giống nhau bên trong hai biểu mẫu (gửi ban đầu và chỉnh sửa bản nháp) nhưng hành vi thì khác!
Vì vậy, câu hỏi đặt ra là, có ai biết cách ngăn các nút trong thành phần đánh dấu gửi biểu mẫu bên trong không?
Biểu mẫu hoàn toàn đồ sộ nên tôi không nghĩ việc đăng đánh dấu toàn bộ nội dung ở đây là hữu ích, nhưng nút này trông như thế này:
<button id="ref-1-modal-trigger" class="ref-modal-trigger button--gold" data-ref-number="1">Button Name</button>
Và JS trông như thế này:
// Lấy nút mở modal
var btnRef1 = document.getElementById("ref-1-modal-trigger");
// Khi người dùng click vào button thì mở modal
btnRef1.onclick = function() {
refNumber = btnRef1.getAttribute("data-ref-number");
modalRef1.style.display = "khối";
modalRef1.setAttribute('data-ref-number', refNumber);
}
Những điều cơ bản của dự án:
- Drupal 7
- mô-đun biểu mẫu web
Cảm ơn trước!
