表單的一些基本用法與技巧
當只有一個提交按鈕的時候,可以簡單地實現(xiàn),不用加事件函數(shù),代碼是:
<input type="image" name="..." src="url" width="" height="..." border="...">
除了標簽改為input type="image"以外,其它的屬性和<img>標簽的屬性是一樣的。
2、用圖片代替所有的表單按鈕:
代替submit按鈕的圖片代碼格式是
<input type="image" name="..." src="..." onClick="document.formName.submit()">
代替reset按鈕的代碼圖片格式是
<input type="image" name="..." src="..." onClick="document.formName.reset()">
注:這里的formName是表單的name屬性值。
3、表單的提交驗證:
<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ù)位表單,這樣一來,任何一個元素都可以實現(xiàn)提交表單了。
相關(guān)文章
js正則實現(xiàn)的密碼框簡單制作,還可以替換成自己想用得符號
js正則實現(xiàn)的密碼框簡單制作,還可以替換成自己想用得符號...2007-10-10

