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

189 阅读 0 评论 125 点赞

我是靠谱客的博主爱听歌花瓣，最近开发中收集的这篇文章主要介绍表单的焦点顺序tabindex和对应enter键提交，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

表单的焦点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; 
} 