|
1、 用圖像代替提交按鈕
當只有一個提交按鈕的時候,可以簡單地實現(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();"來復位表單,這樣一來,任何一個元素都可以實現(xiàn)提交表單了。 |
|
|