当使用onSubmit调用Javascript函数时,该函数不起作用
我对onSubmit有问题。 我正在用jQTouch和。 我想用onSubmit调用一个函数,如果用户点击Enter,但这不起作用。 我真的不知道问题出在哪里,因为当onclick调用这个函数时,它工作得非常好 下面是HTML:当使用onSubmit调用Javascript函数时,该函数不起作用,javascript,onclick,onsubmit,Javascript,Onclick,Onsubmit,我对onSubmit有问题。 我正在用jQTouch和。 我想用onSubmit调用一个函数,如果用户点击Enter,但这不起作用。 我真的不知道问题出在哪里,因为当onclick调用这个函数时,它工作得非常好 下面是HTML: <form action="" method="get" name="form1" onSubmit="calculateValue1();return false"> <ul> <li>
<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>
当使用onclick单击链接时,该功能工作。当焦点在输入字段1中,我按enter键时,什么也没有发生
这有什么问题吗?我在按enter键时没有收到错误消息,我真的不知道onSubmit有什么问题。表单中缺少提交按钮 <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>
- 输入1
- 输入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>
-
输入1
-
输入2
嗯,好的,提交按钮现在被隐藏了,但是当按下回车键时,该函数没有被调用:/I当我不隐藏按钮时,它会工作……这很奇怪。注意,我的提交和你的不一样。是的,这很奇怪。但是使用style=“visibility:hidden”时,提交按钮被隐藏,函数被调用。谢谢用户,请通过将答案标记为最终答案来结束此问题。
<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>