-
submit
(程序語言)
鎖定
Submit 對象代表 HTML 表單中的一個提交按鈕 (submit button)。
- 外文名
- submit
- 性 質
- 程序語言
- 釋 義
- HTML 表單中的一個提交按鈕
- 實 例
- 表單驗證
submit對象介紹
在 HTML 表單中 <input type="submit"> 標籤每出現一次,一個 Submit 對象就會被創建。
在表單提交之前,觸發 onclick 事件句柄,並且一個句柄可以通過返回 false 來取消表單提交。
參閲Form.submit()方法 和Form.onsubmit事件句柄。
您可以通過遍歷表單的 elements[] 數組來訪問某個提交按鈕,或者通過使用document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 標準.
例子
<html> <head> <script type="text/javascript"> function validate() { var at=document.getElementById("email").value.indexOf("@") var age=document.getElementById("age").value var fname=document.getElementById("fname").value submitOK="true" if (fname.length>10) { alert("名字必須小於 10 個字符。") submitOK="false" } if (isNaN(age)||age<1||age>100) { alert("年齡必須是 1 與 100 之間的數字。") submitOK="false" } if (at==-1) { alert("不是有效的電子郵件地址。") submitOK="false" } if (submitOK=="false") { return false } } </script> </head> <body> <form action="/example/hdom/hdom_submitpage.html" onsubmit="return validate()"> 名字(最多 10 個字符):<input type="text" id="fname" size="20"><br /> 年齡(從 1 到 100):<input type="text" id="age" size="20"><br /> 電子郵件:<input type="text" id="email" size="20"><br /> <br /> <input type="submit" value="提交"> </form> </body> </html>
submit對象屬性
屬性 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
accessKey | 設置或返回訪問提交按鈕的快捷鍵。 | 4 | 1 | 9 | Yes |
alt | 設置或返回當瀏覽器不支持提交按鈕時供顯示的替代文本。 | 5 | 1 | 9 | Yes |
disabled | 設置或返回提交按鈕是否應被禁用。 | 5 | 1 | 9 | Yes |
form | 返回一個對包含此提交按鈕的表單的引用。 | 4 | 1 | 9 | Yes |
id | 設置或返回提交按鈕的 id。 | 4 | 1 | 9 | Yes |
name | 設置或返回提交按鈕的名稱。 | 4 | 1 | 9 | Yes |
tabIndex | 設置或返回提交按鈕的 tab 鍵控制次序。 | 4 | 1 | 9 | Yes |
type | 返回提交按鈕的表單元素類型。 | 4 | 1 | 9 | Yes |
value | 設置或返回在提交按鈕上顯示的文本。 | 4 | 1 | 9 | Yes |
submit標準屬性
屬性 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
className | 設置或返回元素的 class 屬性。 | 5 | 1 | 9 | Yes |
dir | 設置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 設置或返回元素的語言代碼。 | 5 | 1 | 9 | Yes |
title | 設置或返回元素的 title 屬性。 | 5 | 1 | 9 | Yes |
submit對象方法
方法 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
blur() | 從提交按鈕上移開焦點。 | 4 | 1 | 9 | Yes |
click() | 在提交按鈕上模擬一次鼠標點擊。 | 4 | 1 | 9 | Yes |
focus() | 為提交按鈕賦予焦點。 | - | - | - | - |
submit參數
submit示例
如果你要阻止表單提交:
jQuery 代碼:
$("form").submit( function () { return false; } );
- 參考資料
-
- 1. submit .w3c[引用日期2012-10-23]
- 詞條統計
-
- 瀏覽次數:次
- 編輯次數:12次歷史版本
- 最近更新: 傲世风云H再起