DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 表單的焦點順序tabindex和對應enter鍵提交
表單的焦點順序tabindex和對應enter鍵提交
編輯:JavaScript基礎知識     
表單的焦點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()
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved