表单的焦点顺序和对应enter键提交
2012-11-22 14:04
447 查看
表单的焦点tap键顺序: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()
相关文章推荐
- 表单的焦点顺序tabindex和对应enter键提交
- 表单的焦点顺序tabindex和对应enter键提交
- js实现Enter键提交表单(兼容各个浏览器)
- jquery查找对应元素的form表单,并进行表单提交
- 百度编辑器UEEDITOR使用简单介绍 UEditor表单提交和后台交互详解 最后更新对应的版本:1.2.5.1 教程描述: 富文本编辑器的使用开发中,表单提交有多种场景,编辑器初始化有新增文章和编辑
- HTML页面禁用Enter键自动提交表单
- form表单中去掉默认的enter键提交并绑定js方法实现代码
- 关于焦点处于input框内,按回车自动提交表单
- 取消enter键提交表单
- 【js】按下enter键禁止表单自动提交
- js实现键盘Enter键提交表单的方法
- 屏蔽Enter键提交表单的功能
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
- 文本框焦点清空以及回车键提交表单
- Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
- jQuery学习笔记---阻止事件发生及事件发生顺序及表单提交示例应用
- Enter键禁止表单提交
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 如何在asp.net实现文本框焦点自动跳转及通过回车键提交表单
- 禁用Enter键表单自动提交实现代码