欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

submit是什么意思?

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

Submit对象代表HTML表单中的一个提交按钮(submit button)。在HTML表单中<input type="submit">标签每出现一次,一个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>
本文地址:http://itbyc.com/web/html5/21089.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1