單中元素的共同屬性和方法:

disabled 用于獲取或設置表單控件是否被禁用

注意:true為禁止 false為可用 在HTML代碼中disabled="disabled"來禁用表單元素

checked 對于單選按鈕和復選框而言,選中則為true

defaultChecked 對于單選按鈕和復選框而言,如果初始時是選中的則為true

value 除了下拉菜單以外,所有元素的value屬性值(字符串形式,如果輸入表單的值為整數(shù),所獲取的值仍然為字符串)

defaultValue 對于文本框和多行文本框而言,初始設定的value值

form 指向元素所在的<form>

name 元素的name屬性

type 元素的類型

blur() 使焦點離開某個元素

focus() 聚焦到某個元素上

click() 模擬用戶單擊該元素

select() 對于文本框、多行文本框而言，選中并高亮顯示其中的文本

onsubmit：當表單提交時才觸發(fā)

onsubmit這個事件一定是給form標簽來使用

表單都會有一個默認提交行為, 我們得想辦法阻止表單的默認提交行為, 當用戶沒有填寫數(shù)據(jù)或者是是數(shù)據(jù)不合法就不給這個表單提交?

只要當用戶填寫了合法的數(shù)據(jù)才讓它提交

阻止表單的默認提交行為有兩種方式：

1、如果onsubmit這個事件是行內綁定時 需要有兩個return

<script type="text/javascript">
//表單行內綁定時 如何阻止表單的默認提交行為？
function check_form(){
return false; // 一個return 是寫在事件處理程序中, 另外一個return必須要寫在行內

}
</script>
<form action="index.php" onsubmit="return check_form()">
用戶名：<input type="text" name="username" /><br/>
密　碼：<input type="password" name="pass" /><br/>
<input type="submit" value="提交" />
</form>

2 如果onsubmit這個事件是動態(tài)綁定時, 只需要有一個return false即可

<script type="text/javascript">
//第一步：當頁面加載完成后
window.onload=function(){
//獲取到id=form這個對象 然后給這個對象綁定一個onsubmit事件
//動態(tài)綁定
document.getElementById('form').onsubmit=function(){
return false; //可以阻止表單默認提交
}
}
</script>
<form action="index.php" id="form">
用戶名：<input type="text" name="username" /><br/>
密　碼：<input type="password" name="pass" /><br/>
<input type="submit" value="提交" />
</form>

表單的提交通常通過按鈕或者具備按鈕功能的圖片來完成

<input type="submit" name="btnSubmit" id="btnSubmit" value="submit"/>
<input type="image" name="picSubmit" id="picSubmit" value="submit.jpg"/>

當用戶單擊其中一個按鈕,或者按回車鍵就可以直接提交表單,無需其他的代碼,可以在action中加入警告來檢測表單是否提交;

<form method="post" name="myForm1" action="javascript：alert('Submitted');">

可以采用表單的submit()方法,這對于驗證和提交表單都是十分有用的

var oForm=document.forms["myForm1"];
oForm.submit();

或者自定義按鈕分配onclick()事件

<input type="button" value="Submit" onclick="document.forms['myForms'].submit()"/>

如果使用submit()方法來提交表單則不會觸發(fā)<form>的onsubmit事件,這與提交按鈕是不同的。

因此使用submit()方法來提交,所有驗證表單的過程都應該在其之前完成。

web用戶在提交表單時往往會由于網(wǎng)速過慢而反復單擊提交按鈕, 這對于服務器而言是很大的負擔，

通過可以使用disabled屬性來禁止這種行為，

<input type="button" value="Submit" onclick="this.disabled=true;this.form.submit();"/>

function checkAll(obj){
 $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
}