jquery - 使用 jquery 提交表单时的 PreventDefault 递归问题

Question

我有一个需要一些输入的表单，里面的一切都很完美。我想从这个表单中获取一个输入值并通过 jquery 将其分配给一个隐藏值。为此，我编写了以下内容:

<script type="text/javascript">
    jQuery(document).ready(function() {
        function preventDefault(e){
            e.preventDefault();
        }

        jQuery('#rsvp-form').bind('submit', preventDefault);
        jQuery('#rsvp-form').submit(function(e) {
            var emailvalue = jQuery('#personemail\\[0\\]').val();
            jQuery('#person_email').val(emailvalue);
            alert(jQuery("#person_email").val());
            jQuery('#rsvp-form').unbind('submit', preventDefault);
            jQuery(this).trigger('submit');
        });
    });
</script>

我将 .preventDefault 绑定(bind)到提交，并且毫无问题地更改我的值。问题是在更改值后提交表单。无论我尝试什么，它都会以无限循环结束。如果我删除触发器或 .submit() 或类似的东西，然后将其保留为取消绑定(bind)，则不会发生任何情况。此刻有点难住了。

Answer 1

你不应该需要这些。如果您想在表单提交之前设置该值，您可以像这样轻松完成:

jQuery(function() {
    jQuery('#rsvp-form').submit(function(e) {
        var emailvalue = jQuery('#personemail\\[0\\]').val();
        jQuery('#person_email').val(emailvalue);
    });
});