1.如果表单里有 type="submit" 控件,按回车会自动提交表单,要在表单加上 οnkeypress="if(event.keyCode==13||event.which==13){return false;}" 取消回车提交的功能。
2.将提交按钮写到表单外面,通过JS提交,避免了回车提交表单的干扰。
回车到下一个控件的方法:
$(function() {
$("input[name='username']").focus(); //默认焦点
$("input[name='username']").keyup(function(e) {
var event = e;
var code = event.keyCode || event.which || event.charCode;
if(code == 13){ //code = 13 表示按下了回车
$("input[name='password']").focus();
}
});
$("input[name='password']").keyup(function(e) {
var event = e || window.event;
var code = event.keyCode || event.which || event.charCode;
if(code == 13){
$("input[name='code']").focus(); //验证码框
}
});
$("input[name='code']").keyup(function(e) {
var event = e;
var code = event.keyCode || event.which || event.charCode;
if(code == 13){
login();//提交表单
}
});
});
function login() {
if ($("input[name='username']").val() == ""
|| $("input[name='password']").val() == "") {
$("#showMsg").html("用户名或密码为空,请输入");
$("input[name='username']").focus();
} else {
$("#loginForm").form('submit');
}