当前位置: 代码迷 >> Web前端 >> 表单的焦点顺序跟对应enter键提交
  详细解决方案

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

热度:129   发布时间:2012-11-26 11:48:49.0
表单的焦点顺序和对应enter键提交
表单的焦点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()
 
  相关解决方案