對象介紹
在 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>
對象屬性
屬性 | 描述 | 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 |
標準屬性
屬性 | 描述 | 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 |
對象方法
方法 | 描述 | IE | F | O | W3C |
---|
blur() | 從提交按鈕上移開焦點。 | 4 | 1 | 9 | Yes |
click() | 在提交按鈕上模擬一次滑鼠點擊。 | 4 | 1 | 9 | Yes |
focus() | 為提交按鈕賦予焦點。 | | | | |
參數
fn (Function) :在每一個匹配元素的submit事件中綁定的處理函式
示例
如果你要阻止表單提交:
jQuery 代碼:
$("form").submit( function () {
return false;
} );