jquery nhấp chuột() trong nút

Question

nộp Tôi có một chức năng .click() trên một nút gửi trong một hình thức:

$("#submitId").click(function() { 
    $('#hiddenInput').val(someVariable); 
}); 

Nó hoạt động như một nét duyên dáng. Khi nhấn nút gửi, hàm click() sẽ điền vào biến đầu vào bị ẩn và sau đó toàn bộ biểu mẫu được gửi đi. Máy chủ sau đó nhận đầu vào bị ẩn với nội dung được làm mới.

Câu hỏi của tôi là: nó sẽ luôn hoạt động? Có bất kỳ nguy hiểm nào, bởi một lý do nào đó chưa được biết đến với tôi, thao tác đệ trình được thực thi đầu tiên và hàm click() sau đó? Tôi muốn đảm bảo rằng đầu vào bị ẩn luôn được làm mới.

Answer 1

Nó sẽ là tốt nhất để đính kèm các bản cập nhật giá trị trực tiếp đến nộp xử lý của hình thức như thế này

$("#submitId").closest("form").submit(function() { 
$('#hiddenInput').val(someVariable); 
}); 

Answer 2

Các .click() nên luôn luôn được chạy đầu tiên.

Answer 3

Khi làm việc với các hình thức, đó là luôn nên để cho các nút submit làm điều đó là công việc: TRIGGER HÌNH THỨC CỦA SUBMIT EVENT ... đó là những gì nó có nghĩa là cho. Sau đó, bạn sẽ lắng nghe sự kiện submit trên form thay vì sự kiện click trên nút submit.

Bạn có thể sử dụng event.preventDefault() để ngăn việc gửi biểu mẫu mặc định để bạn có thể thực hiện một số giữ nhà sau đó bạn có thể gửi biểu mẫu.

$("#submitId").closest('form').on('submit', function(event) { 
    event.preventDefault(); 
    $('#hiddenInput').val(someVariable); //perform some operations 
    this.submit(); //now submit the form 
}); 

Hoặc đơn giản,

$('form').on('submit', function(event) { 
    event.preventDefault(); 
    $('#hiddenInput').val(someVariable); //perform some operations 
    this.submit(); //now submit the form 
}); 

Answer 4

Cá nhân tôi nghĩ rằng đó là an toàn hơn để ngăn chặn gửi, sau đó thiết lập giá trị của đầu vào cần thiết và chỉ sau đó gửi biểu mẫu lập trình. Giống như:

$("form").submit(function (e) { 
    e.preventDefault(); 
    $('#hiddenInput').val(someVariable); 
    $(this).submit(); 
});