nút Ngăn chặn nộp cùng với sự kiện onclick từ nộp

Question

tôi muốn ngăn chặn một nút gửi với sự kiện onclick từ nộp:

$j('form#userForm .button').click(function(e) { 
    if ($j("#zip_field").val() > 1000){ 
     $j('form#userForm .button').attr('onclick','').unbind('click'); 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
     e.preventDefault(); 
     return false; 
    } 
}); 

Đây là nút gửi:

<button class="button vm-button-correct" type="submit" 
onclick="javascript:return myValidator(userForm, 'savecartuser');">Opslaan</button> 

Nó sẽ hiển thị "cảnh báo "chức năng và cũng loại bỏ sự kiện onclick, nhưng hình thức được gửi anyway. Xóa sự kiện onclick theo cách thủ công trước khi gửi sẽ giải quyết sự cố. Tuy nhiên đây là chức năng cốt lõi của và tôi không muốn loại bỏ nó.

EDIT:

Nó chắc chắn gây ra bởi sự chọn onclick .. Làm thế nào tôi có thể buộc kịch bản jQuery tôi để ngay lập tức tải lại sự kiện onclick? thêm trước khi mã jquery: $j('form#userForm .button').attr('onclick',''); sẽ giải quyết vấn đề .. tuy nhiên xác nhận của tôi sẽ không làm việc một nữa ...

Answer 1

Bạn sẽ cần thêm sự kiện này như một tham số:

$j('form#userForm .button').click(function(event) { // <- goes here ! 
    if (parseInt($j("#zip_field").val(), 10) > 1000){ 
     event.preventDefault(); 
     $j('form#userForm .button').attr('onclick','').unbind('click'); 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
    } 
}); 

Ngoài ra, val() luôn trả về một chuỗi, vì vậy thực hành tốt sẽ là chuyển đổi nó thành một số trước khi bạn so sánh nó với một số và tôi không chắc liệu bạn có thực sự nhắm mục tiêu tất cả các thành phần .button bên trong hàm này hay không hoặc bạn nên sử dụng this thay thế?

Nếu bạn đang sử dụng jQuery 1.7+, bạn thực sự nên xem xét sử dụng on() và off() cho việc này.

Answer 2

Đừng quên rằng có những chức năng/đối số sự kiện, nhưng bạn phải xác định các thông số:

$("#thing").click(function(e) { 
    e.preventDefault(); 
}); 

Bằng cách này, việc nộp phải dừng lại, và do đó bạn có thể conditionalise nó.

Answer 3

Về cơ bản, nếu bạn thay đổi loại nút từ type="submit" thành type="button", nút đó sẽ không gửi biểu mẫu và không cần giải pháp thay thế.

Hy vọng điều này sẽ hữu ích.

Answer 4

Cách tốt nhất là làm mọi thứ bên trong trình xử lý sự kiện gửi biểu mẫu của bạn. Tháo inline onclick và chạy nó bên trong trình chức năng

$j('#userForm').submit(function(e) { 
    if (+$j("#zip_field").val() > 1000){ 
     alert('Sorry we leveren alleen inomstreken hijen!'); 
     return false; 
    } 
    return myValidator(userForm, 'savecartuser'); 
}); 

Answer 5

Tôi tin rằng có một cách dễ dàng hơn:

$j('form#userForm .button').click(function(event) { // <- goes here ! 
    if (parseInt($j("#zip_field").val(), 10) > 1000){ 
     event.stopPropagation(); 
    } 
});