Không thể để `submit()` một biểu mẫu html sau khi chặn việc gửi với javascript

Tôi đang cố gắng chặn việc gửi biểu mẫu để thay đổi giá trị của nhãn keywords của tôi.Không thể để `submit()` một biểu mẫu html sau khi chặn việc gửi với javascript

Tôi có đoạn mã sau:

<HTML> 
<FORM name="searchForm" method="get" action="tmp.html" > 
<input type="text" name="keywords" /> 
<input type="button" name="submit" value="submit" onclick="formIntercept();"/> 
</FORM> 
<SCRIPT language="JavaScript"> 
document.searchForm.keywords.focus(); 
function formIntercept() { 
    var f = document.forms['searchForm']; 
    f.keywords.value = 'boo'; 
    f.submit(); 
}; 
</SCRIPT> 
</HTML>

Khi tôi chạy trong chrome và nhấp vào nút gửi những thay đổi từ khóa nhãn để boo, nhưng giao diện điều khiển javascript nói:

Uncaught TypeError: Property 'submit' of object <#an HtmlFormElement> is not a function.

thế nào có thể Tôi gửi biểu mẫu với các từ khóa được điều khiển?

Nguồn

2010-04-27 Ross Rogers

một ' 'hoặc cụ thể hơn, bạn có ý nghĩa gì khi đặt thuộc tính type? –

oops. bạn đúng. thay đổi 'type =" label "' thành 'type =" text "' –

<html> 
<head></head> 
<body> 
<form name="searchForm" method="get" action="tmp.html" onsubmit="formIntercept(this);"> 
<input type="text" name="keywords" /> 
<input type="submit" name="submit" value="submit"/> 
</form> 
<script type="text/javascript"> 
document.searchForm.keywords.focus(); 
function formIntercept(form) { 
    form.keywords.value = 'boo'; 
    //form.submit(); 
} 
</script> 
</body> 
</html>

Nguồn

2010-04-27 04:54:36

Đó là nó! Thay đổi của bạn của 'loại =" nút "' để 'type =" submit "' làm việc. Cảm ơn! –

tôi tưởng tượng nó đã được loại bỏ 'form.submit()' – seanmonstar

Jacob tinh chỉnh nó hơn nữa, nhưng chỉ thay đổi 'type =" button "' thành 'type =" submit "' làm cho mã hoạt động. Tôi cũng sẽ thay đổi những thay đổi khác của anh ấy, vì nó có vẻ ít hacky hơn con đường của tôi. –

117

Lý do cho sự lỗi khi cố gắng gọi form.submit() là nút gửi của bạn được gọi là "submit". Điều này có nghĩa là thuộc tính "submit" của đối tượng Form của bạn bây giờ là một tham chiếu đến nút gửi, ghi đè phương thức "submit" của mẫu thử nghiệm của biểu mẫu.

Đổi tên nút gửi sẽ cho phép bạn gọi phương thức submit() mà không có lỗi.

Nguồn

2010-12-09 11:48:50

Bạn thưa ngài, là một CHÚA! Không bao giờ biết về điều này. Tôi đã sử dụng '$ ('form: submit'). Click();' và nó đã bị rơi firefox trong khi giao diện điều khiển Firebug đã được mở. Tôi đã cố gắng thay đổi để chấp nhận suy nghĩ rằng nó sẽ bỏ qua việc nhấp vào nút, nhưng nó không hoạt động chút nào! Tôi thấy điều này, thay đổi tên của nút gửi và HEY PRESTO! Nó hoạt động! Không còn đâm sập với firebug nữa. XOXOXOXOXOXOX !!! – Benno

Tôi nghĩ rằng câu trả lời cho câu hỏi thực tế, lỗi được tạo ra bởi.submit(), mặc dù chức năng của ứng dụng hoạt động, lỗi sẽ được sửa bằng cách thay đổi tên của nút gửi mà không xóa f.submit(); Cảm ơn bạn Chris, bạn đá! – raphie

Đây là một công cụ kiểm tra để kiểm tra chống lại điều này (+ vài điều tương tự): http://kangax.github.com/domlint/ –

Xem jQuery .submit().

$("form").submit(function() { 
    // TODO tweak your form data before it gets sent 
});

Nguồn

2011-11-24 20:06:15

Vấn đề là khi một số phần tử là <input type="submit" name="submit" /> phương thức submit() sẽ không hoạt động. Giải pháp tốt nhất cho tình huống này là thay đổi tên của loại đầu vào đó gửi thành nội dung khác ví dụ như gửi nút, v.v.

Nguồn

2012-04-03 12:15:04 Jason

Chỉ cần thay đổi tên nút gửi và nó sẽ hoạt động!

Nguồn

2012-08-19 04:35:21

Chris Butler giải thích rõ vấn đề.

Bạn có thể sử dụng phương pháp gốc gửi của HTMLFormElement để giải quyết sự cố. Trong trường hợp của bạn:

function formIntercept() { 
    var f = document.forms['searchForm']; 
    f.keywords.value = 'boo'; 
    HTMLFormElement.prototype.submit.call(f); 
};

Nguồn

2013-04-05 11:35:51 ainokna

tìm thấy rất hữu ích, lỗi này là do yếu tố khác theo hình thức với name = nộp sau khi đổi tên các document.getElementById('myform').submit() làm việc

Nguồn

2013-05-03 00:13:43 user2345162

Không thể để `submit()` một biểu mẫu html sau khi chặn việc gửi với javascript

Trả lời

Các vấn đề liên quan