Question

我有3个HTML输入，2个接收用户输入，1个按一个名为#calculate的按钮显示计算。下面的代码将在单击#calculate按钮时正确执行计算，但我正在寻找最有效的方法让表单在用户输入ENTER / RETURN键时提交表单，另外点击用鼠标按钮。

                $('#calculate').click(function(){
                var count = 0;
                count += checkRequired('#field_3_a');
                count += checkRequired('#field_3_b');

                if (count == 0)//enough data
                {
                    //calculate
                    var a = parseFloat($('#field_3_a').val());
                    var b = parseFloat($('#field_3_b').val());
                    var totalValue = (b - a) / a  * 100;
                    $('#result_3').val(totalValue);
                }
            });

感谢您的意见。

Answer 1

您可以在文本字段或表单上处理keypress事件，并检查按下的键是否为enter：

$('#field_3_a, #field_3_b').keypress(function(event) {
    if (event.which === 13) {
        event.preventDefault();
        //do something, like call calculate()
    }
});

用jQuery用ENTER键提交表单的正确方法

1 个答案: