表单的焦点顺序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 相关文章推荐
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
JS数组去重详情
Nov 07 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 空格,换行,跳格使用说明
2009/12/18 PHP
php中常用的预定义变量小结
2012/05/09 PHP
PHP实现下载功能的代码
2012/09/29 PHP
php json转换成数组形式代码分享
2014/11/10 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
使用laravel根据用户类型来显示或隐藏字段
2019/10/17 PHP
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
elementui实现预览图片组件二次封装
2020/12/29 Javascript
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python使用turtule画五角星的方法
2015/07/09 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
tensorflow 环境变量设置方式
2020/02/06 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
办公室秘书岗位职责范本
2014/02/11 职场文书
2014年幼儿园小班工作总结
2014/12/04 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
2016国庆节67周年红领巾广播稿
2015/12/18 职场文书
redis限流的实际应用
2021/04/24 Redis
一小时迅速入门Mybatis之bind与多数据源支持 Java API
2021/09/15 Javascript