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

时间:2013-01-04    点击:77   
表单的焦点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()
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
formvalidator验证插件中有关ajax验证问题
使用jquery mobile做幻灯播放效果实现步骤
jquery 插件开发 extjs中的extend用法小结
使用jquery读取html5 localstorage的值的方法
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved