使用 onSubmit 调用时，Javascript 函数不起作用

Question

我在 onSubmit 方面遇到问题。 我正在使用 jQTouch 构建一个小型移动网站。 如果用户按 Enter 键，我想使用 onSubmit 调用一个函数，但这不起作用。 我真的不知道问题出在哪里，因为当 onclick 调用该函数时，该函数工作正常。

这是 HTML：

<form action="" method="get" name="form1" onSubmit="calculateValue1();return false">
        <ul>
        <li>
        Input 1 <input id="input1" name="input1" type="number"/> 
        </li>                     
        <li>
        Input 2 <input id="input2" name="input2" type="number"/>
        </li>  
        </ul>
</form>   

<a  onclick="calculateValue1()">Calculate</a>

这是函数calculateValue1() 的javascript：

function calculateValue1() {    
    M = window.form1.input1.value;
    n = window.form1.input2.value;

    if (window.form1.input1.value=="") {
    alert("Value missing");
    }
}

当使用onclick 单击链接时，该函数起作用。当焦点位于输入字段 1 并按 Enter 键时，没有任何反应。

这可能有什么问题？按 Enter 时没有收到错误消息，我真的不知道 onSubmit 出了什么问题。

Answer 1

您的表单中缺少提交按钮。

<form onsubmit="alert('here'); return false;" name="form1" method="get">
        <ul>
        <li>
        Input 1  
        </li>                     
        <li>
        Input 2 
        </li>  
        </ul>
<input type="submit" value="submit" style="display:none" />
</form>   

Answer 2

当您通过按“提交”类型的输入或在输入字段中按 Enter 键提交表单时，会触发 onSubmit 事件，但为了使表单在按 Enter 键时提交，您需要有一个适当的提交按钮。那么您将不需要提交锚链接：

<form action="" method="get" name="form1" onSubmit="calculateValue1();return false">
    <ul>
    <li>
    Input 1 <input id="input1" name="input1" type="number"/> 
    </li>                     
    <li>
    Input 2 <input id="input2" name="input2" type="number"/>
    </li>  
    </ul>
    <input type="submit" value="Calculate"></input>
</form>