网站地图    收藏   

主页 > 前端 > css教程 >

表单的焦点顺序和对应enter键提交 - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 表单的焦点tap键顺序:tabindex决定,如果值缺省,择按顺序用户:input name=Text1 type=text tabindex=1 /密码:input name=Password1 type=password tabindex=2 对应onsubmit事件即可:......

表单的焦点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()

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论