0

jquery 1.9.1，我正在提交一个表单，它在按键事件上有一个输入，像这样

//    when user clicks post quick reply
    $('.quickResponse').focus(function() {
        var quickResponse = $(this);
        if (quickResponse.val() === 'post quick response') {
            quickResponse.val('');
        }
        quickResponse.keypress(function(e) {
            if (e.keyCode === 13 && quickResponse.val() !== '') {
                post(quickResponse.parent());
                return false;
            }
        });
        quickResponse.blur(function() {
            if (quickResponse.val() === '') {
                quickResponse.val('post quick response');
                quickResponse.remove();
            }
        });
    });

html就像

                <form action="comment" method="post">
                    <input class="quickResponse" type="text" name="comment" value="post quick response"/>
                    <input type="hidden" name="itemId" value="${item.itemId}"/>
                    <input type="hidden" name="posterId" value="${item.customerId}"/>
                </form>

post for 只是一个通过 ajax 提交表单并返回我更新页面的 json 的函数。

问题是如果用户关注表单模糊并一次又一次地重新聚焦，脚本会继续存储表单的所有实例，并且当用户按下返回键时，所有表单对象都会被多次提交。我该如何防止这种情况。

4

1 回答 1

2

问题是您一直在事件处理程序中绑定其他两个事件。也许这不是问题的直接原因，但它是不好的形式。只需绑定一次即可。

var quickResponse = $('.quickResponse');

quickResponse.focus(function() {
    if (quickResponse.val() === 'post quick response') {
        quickResponse.val('');
    }
}).keypress(function(e) {
    if (e.keyCode === 13 && quickResponse.val() !== '') {
        post(quickResponse.parent());
        return false;
    }
}).blur(function() {
    if (quickResponse.val() === '') {
        quickResponse.val('post quick response');
        quickResponse.remove();
    }
});
于 2013-08-16T11:34:55.960 回答