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


Posted in Javascript onJanuary 04, 2013

表单的焦点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()
Javascript 相关文章推荐
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
vue h5移动端禁止缩放代码
Oct 28 Javascript
微信小程序实现日历签到
Sep 21 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 #Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 #Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 #Javascript
密码强度检测效果实现原理与代码
Jan 04 #Javascript
禁止你的左键复制实用技巧
Jan 04 #Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 #Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 #Javascript
You might like
php中文字母数字验证码实现代码
2008/04/25 PHP
php-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
任意位置显示html菜单
2007/02/01 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
2012/05/23 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
2013/10/22 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
Angular4 组件通讯方法大全(推荐)
2018/07/12 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
Python Django给admin添加Action的方法实例详解
2019/04/29 Python
Python3运算符常见用法分析
2020/02/14 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
pymysql模块使用简介与示例
2020/11/17 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
详解CSS3的perspective属性设置3D变换距离的方法
2016/05/23 HTML / CSS
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
工商学院毕业生个人自我评价
2013/09/19 职场文书
优秀员工自荐书
2013/12/19 职场文书
优秀少先队员主要事迹材料
2014/05/28 职场文书
大学生学习计划书
2014/09/15 职场文书
停电通知范文
2015/04/16 职场文书
2015年人民调解工作总结
2015/05/18 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server
python中os.path.join()函数实例用法
2021/05/26 Python