Javascript 使用html表单输入key hook
我用HTML实现了表单:Javascript 使用html表单输入key hook,javascript,jquery,html,forms,submit,Javascript,Jquery,Html,Forms,Submit,我用HTML实现了表单: <form id="loginForm" action="/?do=login" method="post" > <table width="50%" border="0"> <tr> <td colspan="2"> <span id="LoginErr"></span> <div>Login:</div>
<form id="loginForm" action="/?do=login" method="post" >
<table width="50%" border="0">
<tr>
<td colspan="2">
<span id="LoginErr"></span>
<div>Login:</div>
<input id="Login" type="text" maxlength="32" name="Login" value="{VAR %LOGIN}"/>
</td>
</tr>
<tr>
<td valign="bottom">
<span id="PasswordErr"></span>
<div>Passoword:</small></div>
<input id="Password" type="password" maxlength="128" name="Password" value=""/>
</td>
</tr>
<tr>
<td>
<a href="javascript:checkLogin()">Enter</a>
</td>
</tr>
</table>
</form>
但我的回车键有问题。当我按下此键时,表单将在没有javascript检查的情况下发布。
我需要调用我的功能时,进入键被按下,没有更多的行动
塔克斯
更新:
正确的代码是:
表单中的标签需要添加:onSubmit=“return checkLogin()
在javascript中,if(!focused)$(“#loginForm”).submit();
需要更改return!focused;
感谢rdamborsky。使用
onSubmit
表单事件:
$(function() {
$('#loginForm').onSubmit = checkLogin;
});
它将在表单数据实际发送之前调用,无论触发提交事件的是什么(单击按钮,在其中一个字段中按enter…)我尝试了这个方法。是的,当按下enter键时会调用checkLogin,但即使checks为false,也会调用post方法。如果check为false,则需要
返回false;
作为checkLogin()的结果
method+1始终使用带有提交按钮的正确表单,并将验证代码放在onsubmit
事件上,根据需要返回true
或false
。尝试使用调用submit()
或键控器的链接来伪造验证代码将使您的表单更不可用、更难访问。
$(function() {
$('#loginForm').onSubmit = checkLogin;
});