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

表单的焦点tab键顺序:tabindex决定,如果值缺省,择按顺序一一对应,想详细了解此功能应用的朋友可以参考下

表单的焦点tab键顺序:tabindex决定,如果值缺省,择按顺序 用户:<input type="text" tabindex="1" />
密码:<input type="password" tabindex="2" >对应onsubmit事件即可:

复制代码 代码如下:


<form action="<%=basePath%>common/userlogin.action" method="post" onsubmit="return subUser();">
<input src="https://www.jb51.net/<%=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()

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdddwy.html