表单的焦点顺序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 相关文章推荐
在视频前插入广告
Nov 20 Javascript
jquery遍历input取得input的name
Apr 27 Javascript
jQuery 相关控件的事件操作分解
Aug 03 Javascript
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
js绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
前端js弹出框组件使用方法
Aug 24 Javascript
详解vue-cli 接口代理配置
Dec 13 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中用hash实现的数组
2011/07/17 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
JavaScript使用readAsDataUrl方法预览图片
2017/05/10 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
Python读写文件方法总结
2015/06/09 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
什么是反射?如何实现反射?
2016/07/25 面试题
聚美优品励志广告词
2014/03/14 职场文书
2014年保密工作总结
2014/11/22 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书
农业项目投资意向书
2015/05/09 职场文书
使用python将HTML转换为PDF pdfkit包(wkhtmltopdf) 的使用方法
2022/04/21 Python