javascript thay đổi form onsubmit động

Question

Tôi có một biểu mẫu với một số giá trị hành động và tiện ích được gửi qua thẻ đầu vào gửi. Vấn đề là nó phải được submittable bởi hai nút, vì vậy tôi đã viết một chức năng cho nút thứ hai để thay đổi hành động và giá trị onsubmit dạng:

<a href="javascript:submitCompare()" class="submit">Compare</a> 

function submitCompare() 
{ 
    document.myForm.action = "anotherAction.php"; 
    document.myForm.onsubmit = function() {return countChecked()}; 
    document.myForm.submit(); 
} 

function countChecked() 
{ 
    var n = $(".reports input:checked").length; 
    if (n >= 3) { 
    alert ('You must select less than 3 reports.'); 
    return false; 
    } 
    else return true; 
} 

Sau khi nhấp vào So sánh liên kết nó sẽ gửi tôi đến trang anotherAction.php một cách chính xác, nhưng ngay cả khi tôi có nhiều hơn 2 hộp kiểm đã chọn (đó là quy tắc xác thực). Ai đó có thể giúp tôi làm cho hàm onsubmit hoạt động chính xác không?

Answer 1

Trong submitCompare(), bạn một cách rõ ràng và vô điều kiện gọi

document.myForm.submit(); 

Những gì bạn có thể muốn thay vào đó là

if (countChecked()) { 
    document.myForm.submit(); 
} 

Answer 2

document.myForm.onsubmit = function() {return countChecked()}; 

nên

document.myForm.onsubmit = function(e) { 
    e = e || window.event; 
    if (!countChecked()) { 
     e.preventDefault(); 
     e.returnValue = false; 
    } 
}; 

Trở sai trên gửi sẽ chỉ kết thúc bất kỳ thực hiện chức năng hơn nữa. Bạn muốn ngăn chặn hành vi gửi mặc định nếu bạn không muốn gửi.

Answer 3

Đó là một câu trả lời muộn, nhưng nếu ai đó đang nhìn này ...

thay vì:

document.myForm.onsubmit = function() {return countChecked()}; 

Tôi nghĩ rằng bạn muốn:

document.myForm.setAttribute("onsubmit", "return countChecked()");