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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2020-05-13 我要评论
表单的焦点tab键顺序: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()

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们