submit[程式語言]

submit[程式語言]
submit[程式語言]
更多義項 ▼ 收起列表 ▲

Submit 對象代表 HTML 表單中的一個提交按鈕 (submit button)。

基本信息

對象介紹

在 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>

對象屬性

屬性描述IEFOW3C
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

標準屬性

屬性描述IEFOW3C
className 設定或返回元素的 class 屬性。 5 1 9 Yes
dir 設定或返回文本的方向。 5 1 9 Yes
lang 設定或返回元素的語言代碼。 5 1 9 Yes
title 設定或返回元素的 title 屬性。 5 1 9 Yes

對象方法

方法描述IEFOW3C
blur() 從提交按鈕上移開焦點。 4 1 9 Yes
click() 在提交按鈕上模擬一次滑鼠點擊。 4 1 9 Yes
focus() 為提交按鈕賦予焦點。

參數

fn (Function) :在每一個匹配元素的submit事件中綁定的處理函式

示例

如果你要阻止表單提交:

jQuery 代碼:

$("form").submit( function () {

return false;

} );

相關詞條

相關搜尋

熱門詞條

聯絡我們