表单的焦点顺序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()
相关文章
键盘 keycode的值 javascript时触发事件时很有用的要素
键盘keycode的值 编写javascript时触发事件时很有用的要素,大家可以收藏一下。2009-11-11
Javascript学习笔记之 对象篇(三) : hasOwnProperty
判断一个属性是定义在对象本身而不是继承自原型链,我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。 hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的。2014-06-06
JS排序方法(sort,bubble,select,insert)代码汇总
新技术一直在不断变化,掌握一些基础是未来学习不断更新的技术的坚实基础。近来闲来无事,为了温习一下从前学的数据结构,将数据结构中的排序算法用JS实现了一遍,2016-01-01


最新评论