表單的一些基本用法與技巧
當(dāng)只有一個提交按鈕的時候,可以簡單地實(shí)現(xiàn),不用加事件函數(shù),代碼是:
<input type="image" name="..." src="url" width="" height="..." border="...">
除了標(biāo)簽改為input type="image"以外,其它的屬性和<img>標(biāo)簽的屬性是一樣的。
2、用圖片代替所有的表單按鈕:
代替submit按鈕的圖片代碼格式是
<input type="image" name="..." src="..." onClick="document.formName.submit()">
代替reset按鈕的代碼圖片格式是
<input type="image" name="..." src="..." onClick="document.formName.reset()">
注:這里的formName是表單的name屬性值。
3、表單的提交驗(yàn)證:
<script>
function CheckDate(){
//取得輸入的數(shù)據(jù)
userName = document.RedForm.userName.value;
userEmail = document.RedForm.userEmail.value;
//如果沒有輸入姓名
if (userName=="") {
alert("請輸入姓名");
document.RedForm.userName.focus();
return false;
}else{
//如果沒有輸入Email,或者Email地址錯誤(不含@)
if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("請重新輸入Email地址");
document.RedForm.userEmail.focus();
return false;
}else return true;
}
}
</script>
4、用任何元素提交表單:
通過onClick="document.form.submit();"來提交表單;用onClick="document.form.reset();"來復(fù)位表單,這樣一來,任何一個元素都可以實(shí)現(xiàn)提交表單了。
相關(guān)文章
默認(rèn)讓頁面的第一個控件選中的javascript代碼
當(dāng)頁面上面顯示了一個表單后,通常焦點(diǎn) 并不是放在第一個控件上面,只需要一點(diǎn)通常的腳本就可以實(shí)現(xiàn)這個效果 。2009-12-12javascript select控件間內(nèi)容互相移動
javascript select中內(nèi)容互相移動2009-11-11js模擬權(quán)限選擇實(shí)現(xiàn)代碼(select操作)
權(quán)限選擇頁面,選擇、撤回、全部選擇、全部撤回2012-02-02jquery表單驗(yàn)證使用插件formValidator
jquery表單驗(yàn)證使用插件formValidator,可供有需求的朋友參考2012-11-11checkbox 多選框 聯(lián)動實(shí)現(xiàn)代碼
對于checkbox 多選的聯(lián)動效果,是個不錯的思路,附代碼2008-10-10