如何使用Javascript函数将提交按钮添加到html表单？

Question

以下表单在用户按Enter键时触发javascript函数.但是,我希望在用户按下提交按钮时触发该功能.

<form action="">
    <input type="text" name="query" size="20" class="hintTextbox" id='emailinput' placeholder='email'>
    <input type="text" name="query" size="20" class="hintTextbox" id='variablesinput' placeholder='variables'>
</form>


$('#variablesinput').keypress(function (e) {
    if (e.keyCode == 13) {
        var email = $('#emailinput').val();
         var variable = $('#variablesinput').val();
        alert(email + variable);
    }
});

另外,请看这里:http://jsfiddle.net/chrisguzman/7Tag3/5/

Answer 1

表单元素onsubmit在提交表单时发出事件(为了提高发生这种情况的可能性,实际上包括一个<input type="submit">按钮).用以下内容替换当前的JavaScript:

$("form").submit(function() {
    var email = $('#emailinput').val();
    var variable = $('#variablesinput').val();
    alert(email + variable);
});

您最好在所需的特定表单上设置一个id,并在选择器中使用它.

这是不建议使用一个click处理器上的一个提交按钮,而不是更可靠和适当的语义submit事件.