form的OnSubmit和input type=image使用介绍

181 阅读 0 评论 120 点赞

我是靠谱客的博主苗条棉花糖，最近开发中收集的这篇文章主要介绍form的OnSubmit和input type=image使用介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这里如果有<input type="image"> 那么直接按这个图像后会提交表单，

如果有OnSubmit会先执行这个函数，如果返回false则不提交表单！

复制代码

代码如下:

<span style="font-size:14px;"><script language=javascript>
function test()
{
alert("测试!")
}
</script>
<form name="F1" onSubmit="fuck();">
<input type="image" src="" width="51" height="20">
</form></span>

另外一个示例：

复制代码

代码如下:

<html>
</head>
<script language="javascript">
function checkEmpty(form){
for(i=0;i<form.length;i++){
alert(form.elements[i].value);
if( form.elements[i].value=="" ){
alert("表单信息不能为空");
return false;
}
}
}
</script>
<body>
<form name="form" method="post" onSubmit="return checkEmpty(form)">
<input name="name" type="text" size="17">
<input name="password" type="password" size="17">
<input type="image" src="" width="51" height="20">
<input type="button" value="AAA" />
</form>
</body>
<html>