表单的焦点顺序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 相关文章推荐
JS实现日期加减的方法
Nov 29 Javascript
一个检测表单数据的JavaScript实例
Oct 31 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
javascript弹出拖动窗口
Aug 11 Javascript
js实现tab切换效果实例
Sep 16 Javascript
jQuery的文档处理程序详解
May 10 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
微信小程序 实现动态显示和隐藏某个控件
Apr 27 Javascript
mac上配置Android环境变量的方法
Jul 08 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 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列出一个目录下的所有文件的代码
2012/10/09 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
PHP启动windows应用程序、执行bat批处理、执行cmd命令的方法(exec、system函数详解)
2014/10/20 PHP
简单谈谈php中的unicode和utf8编码
2015/06/10 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
document.execCommand()的用法小结
2014/01/08 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
JS操作input标签属性checkbox全选的实现代码
2017/03/02 Javascript
原生JS进行前后端同构
2018/04/22 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
python中私有函数调用方法解密
2016/04/29 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
对numpy中shape的深入理解
2018/06/15 Python
深入浅析Python的类
2018/06/22 Python
Pytorch转keras的有效方法,以FlowNet为例讲解
2020/05/26 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
详解如何获取localStorage最大存储大小的方法
2020/05/21 HTML / CSS
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
办公文员的工作岗位职责
2013/11/12 职场文书
专科应届生求职信
2013/11/24 职场文书
大学生职业生涯规划方案
2014/01/03 职场文书
高一生物教学反思
2014/01/17 职场文书
小学模范班主任事迹材料
2014/05/13 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技