表單的焦點順序tabindex和對應enter鍵提交
更新時間:2013年01月04日 10:53:34 作者:
表單的焦點tab鍵順序:tabindex決定,如果值缺省,擇按順序一一對應,想詳細了解此功能應用的朋友可以參考下
表單的焦點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()
密碼:<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()
相關文章
實例分析javascript中的call()和apply()方法
因項目需求去研究了下javascript中的call和apply方法,去百度看了幾篇介紹JS中call和apply的文章,總覺得不是很好懂,這里寫下我自己的理解,供網友們參考。2014-11-11Javascript基礎教程之break和continue語句
文章通過示例向我們展示了javascript中的break和continue語句,兩個對比起來,非常明了,需要的朋友可以參考下2015-01-01