jquery - 绑定(bind)函数来提交事件

Question

我正在尝试将一个简单的函数绑定(bind)到提交事件，即:

1. 检索所有输入字段的值
2. 设置表单的action属性
3. 提交表单

灵感来自this answer - 我想出了以下代码:

$(document).ready(function() {
    $('#fbook').bind('submit', function(event) {
        event.preventDefault();
        var baseURL = $(this).children('#base').val();
        var hotelID = $(this).children('#destination').val();
        var dateIn = $(this).children('#show-date-in').val();
        var location = baseURL + "&hotelID=" + hotelID + "&dateIn=" + dateIn;
        $(this).attr('action', location);
        $(this).submit();
    });
});

这是带有 HTML 和 JS 的 jsFiddle:http://jsfiddle.net/mattvic/2wRHc/47/

不幸的是，它不起作用，我只是看不出哪里出了问题。我希望有人能够发现这个错误。

非常感谢!

Answer 1

您的代码将进入无限循环，因为 $(this).submit() 调用绑定(bind)到表单元素的提交处理程序，这会触发调用 $(this ).submit()，它调用绑定(bind)到表单元素的提交处理程序，等等。

如果您使用表单自己的submit方法，则可以避免递归:

this.submit();