当前位置:编程学习 > html/css >>

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

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

补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,