使锚点充当提交按钮。不只是使用点击事件

时间:2011-10-10 16:01:43

标签: jquery

这样的东西只有在用户点击锚点时才有效。但是当用户在表单内按[enter]键时,也会提交表单。如何只使用锚点来获得相同的功能?

    $('a.submit').click(function() {
    $(this).closest('form').submit();
}); 

感谢.-

编辑(有解决方案):

这种组合(至少)在FF和Chrome中起作用!单击带有提交类的锚点或按[enter]。

    $('#my_form a.submit').click(function(e) {
    e.preventDefault();
    $(this).closest('form').submit();
}); 

$('#my_form').keydown(function(e) {
    if (e.keyCode != 13)
        return;
    $(this).submit();
}); 

感谢您的评论!

2 个答案:

答案 0 :(得分:1)

需要阻止点击事件触发锚点:

$('a.submit').click(function(event) {
    event.preventDefault();
    $(this).closest('form').submit();
}); 

答案 1 :(得分:1)

经过多次测试,这完全有效:

$('#my_form a.submit').click(function(e) {
    e.preventDefault();
    $(this).closest('form').submit();
}); 

$('#my_form').keydown(function(e) {
    if (e.keyCode != 13) // Enter or Return keystroke
        return;
    $(this).submit();
});