表单的焦点顺序tabindex和对应enter键提交
时间：2022-04-18 11:43:07|栏目：JavaScript代码|点击： 次
表单的焦点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()
密码:<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()
上一篇：AJAX打造博客无刷新搜索
栏 目：JavaScript代码
本文标题：表单的焦点顺序tabindex和对应enter键提交
本文地址：http://www.codeinn.net/misctech/199485.html
