表单的焦点顺序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 相关文章推荐
用javascript实现读取txt文档的脚本
Jul 20 Javascript
input 高级限制级用法
Mar 26 Javascript
javascript 动态加载 css 方法总结
Jul 11 Javascript
javascript 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
Vue仿支付宝支付功能
May 25 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 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求圆周率的简单实现方法
2016/05/30 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
javascript css float属性的特殊写法
2008/11/13 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
简单实现js选项卡切换效果
2016/02/03 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
python通过函数属性实现全局变量的方法
2015/05/16 Python
Python 类的继承实例详解
2017/03/25 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
简洁自适应404页面HTML好看的404源码
2020/12/16 HTML / CSS
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
3D空间设计学生找工作的自我评价
2013/10/28 职场文书
写给女生的道歉信
2014/01/14 职场文书
技校毕业生自荐信
2014/06/03 职场文书
市场营销计划书
2015/01/17 职场文书
创先争优个人总结
2015/03/04 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
停水通知
2015/04/16 职场文书
优秀志愿者感言
2015/08/01 职场文书
2016年情人节问候语
2015/11/11 职场文书