表单的焦点顺序和对应enter键提交

来源:未知 责任编辑:智问网络 发表时间:2013-11-12 17:21 点击:

表单的焦点tap键顺序:tabindex决定,如果值缺省,择按顺序
 用户:<input name="Text1" type="text" tabindex="1" />
 密码:<input name="Password1" type="password" tabindex="2" >
对应onsubmit事件即可:
[html] 
 <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: www.2cto.com
[javascript] 
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()

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 7大主流B2C首页导航栏设计对比分析
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1