表单的焦点顺序tabindex和对应enter键提交

2019-12-24,,

表单的焦点tab键顺序:tabindex决定,如果值缺省,择按顺序 用户:<input name="Text1" type="text" tabindex="1" />
密码:<input name="Password1" type="password" tabindex="2" >对应onsubmit事件即可:
复制代码 代码如下:
<form action="<%=basePath%>common/userlogin.action" method="post" name="loginform" id="loginform" onsubmit="return subUser();">
<input src="<%=basePath%>scxt/image/home08.jpg" type="image"/>
</form>

注意return的用法js
复制代码 代码如下:
function subUser(){
var username=$("#uname").val();
var password=$("#upwd").val();
var checkCode=$("#checkCode").val();
if(username==""){
$("#msg").html("请输入用户名!");
$("#uname").focus();
return false;
}else if(password==""){
$("#msg").html("请输入密码!");
$("#upwd").focus();
return false;
}else if(checkCode==''){
$("#msg").html("请输入验证码!");
$("#checkCode").focus();
return false;
}else{
document.loginform.submit();
return false;
}
return false;
}

表单获取焦点事件:$(”#nameInput”).focus()

您可能感兴趣的文章:

  • 回车和换行有什么区别?我们平时按下的Enter键是回车还是换行
  • 修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
  • form表单中去掉默认的enter键提交并绑定js方法实现代码

《表单的焦点顺序tabindex和对应enter键提交.doc》

下载本文的Word格式文档,以方便收藏与打印。