表单的焦点顺序tabindex和对应enter键提交
更新时间:2013年01月04日 10:53:34 作者:
表单的焦点tab键顺序:tabindex决定,如果值缺省,择按顺序一一对应,想详细了解此功能应用的朋友可以参考下
表单的焦点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()
相关文章
实例分析javascript中的call()和apply()方法
因项目需求去研究了下javascript中的call和apply方法,去百度看了几篇介绍JS中call和apply的文章,总觉得不是很好懂,这里写下我自己的理解,供网友们参考。2014-11-11Javascript基础教程之break和continue语句
文章通过示例向我们展示了javascript中的break和continue语句,两个对比起来,非常明了,需要的朋友可以参考下2015-01-01
最新评论