海之美文新闻资讯submit(程式语言)
Submit 对象代表 HTML 表单中的一个提交按钮 (submit button)。
基本介绍
- 外文名：submit
- 性质：程式语言
- 释义： HTML 表单中的一个提交按钮
- 实例：表单验证
对象介绍
在 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;
} );
转载请注明出处海之美文 » submit(程式语言)