表單的焦點(diǎn)順序tabindex和對(duì)應(yīng)enter鍵提交
更新時(shí)間:2013年01月04日 10:53:34 作者:
表單的焦點(diǎn)tab鍵順序:tabindex決定,如果值缺省,擇按順序一一對(duì)應(yīng),想詳細(xì)了解此功能應(yīng)用的朋友可以參考下
表單的焦點(diǎn)tab鍵順序:tabindex決定,如果值缺省,擇按順序 用戶(hù):<input name="Text1" type="text" tabindex="1" />
密碼:<input name="Password1" type="password" tabindex="2" >對(duì)應(yīng)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("請(qǐng)輸入用戶(hù)名!");
$("#uname").focus();
return false;
}else if(password==""){
$("#msg").html("請(qǐng)輸入密碼!");
$("#upwd").focus();
return false;
}else if(checkCode==''){
$("#msg").html("請(qǐng)輸入驗(yàn)證碼!");
$("#checkCode").focus();
return false;
}else{
document.loginform.submit();
return false;
}
return false;
}
表單獲取焦點(diǎn)事件:$(”#nameInput”).focus()
密碼:<input name="Password1" type="password" tabindex="2" >對(duì)應(yīng)onsubmit事件即可:
復(fù)制代碼 代碼如下:
<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:
復(fù)制代碼 代碼如下:
function subUser(){
var username=$("#uname").val();
var password=$("#upwd").val();
var checkCode=$("#checkCode").val();
if(username==""){
$("#msg").html("請(qǐng)輸入用戶(hù)名!");
$("#uname").focus();
return false;
}else if(password==""){
$("#msg").html("請(qǐng)輸入密碼!");
$("#upwd").focus();
return false;
}else if(checkCode==''){
$("#msg").html("請(qǐng)輸入驗(yàn)證碼!");
$("#checkCode").focus();
return false;
}else{
document.loginform.submit();
return false;
}
return false;
}
表單獲取焦點(diǎn)事件:$(”#nameInput”).focus()
相關(guān)文章
實(shí)例分析javascript中的call()和apply()方法
因項(xiàng)目需求去研究了下javascript中的call和apply方法,去百度看了幾篇介紹JS中call和apply的文章,總覺(jué)得不是很好懂,這里寫(xiě)下我自己的理解,供網(wǎng)友們參考。2014-11-11JavaScript中Array 對(duì)象相關(guān)的幾個(gè)方法
JavaScript中Array 對(duì)象相關(guān)的幾個(gè)方法...2006-12-12Javascript基礎(chǔ)教程之break和continue語(yǔ)句
文章通過(guò)示例向我們展示了javascript中的break和continue語(yǔ)句,兩個(gè)對(duì)比起來(lái),非常明了,需要的朋友可以參考下2015-01-01解決js正則匹配換行問(wèn)題實(shí)現(xiàn)代碼
js正則匹配換行過(guò)程中會(huì)出現(xiàn)很多的問(wèn)題,本文將提供詳細(xì)的解決方法,需要的朋友可以參考下2012-12-12引用外部腳本時(shí)script標(biāo)簽關(guān)閉的寫(xiě)法
在引用外部腳本時(shí),script標(biāo)簽的關(guān)閉寫(xiě)法,很多朋友對(duì)它保持健忘態(tài)度,下面為大家介紹下其正確的寫(xiě)法2014-01-01