表单的焦点顺序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 相关文章推荐
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 Javascript
javascript iframe内的函数调用实现方法
Jul 19 Javascript
JQuery jsonp 使用示例代码
Aug 12 Javascript
jquery实现一个简单的表单验证实例
Mar 30 Javascript
Angular4编程之表单响应功能示例
Dec 13 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
解决layer弹出层自适应页面大小的问题
Sep 16 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
Feb 16 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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脚本的10个技巧(8)
2006/10/09 PHP
在PHP中使用redis
2013/11/04 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
基于php双引号中访问数组元素报错的解决方法
2018/02/01 PHP
json 实例详细说明教程
2009/10/31 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
2012/10/12 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
原生JS获取元素集合的子元素宽度实例
2016/12/14 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
微信小程序 bindtap 传参的实例代码
2020/02/21 Javascript
python+mysql实现简单的web程序
2014/09/11 Python
简单谈谈Python流程控制语句
2016/12/04 Python
Python爬取网易云音乐上评论火爆的歌曲
2017/01/19 Python
目前最全的python的就业方向
2018/06/05 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
python实现身份证实名认证的方法实例
2019/11/08 Python
pycharm运行scrapy过程图解
2019/11/22 Python
python实现斗地主分牌洗牌
2020/06/22 Python
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
盛大二次面试题
2016/11/18 面试题
测绘工程本科生求职信
2013/10/10 职场文书
经典公益广告词
2014/03/13 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
教书育人演讲稿
2014/09/11 职场文书
辞职信如何写
2015/02/27 职场文书
hive数据仓库新增字段方法
2022/06/25 数据库