当前位置：首页 → 问答吧 → onsubmit()提交表单问题？相当纠结。。。

onsubmit()提交表单问题？相当纠结。。。

时间：2010-08-04

来源：互联网

请问如果通过 onsubmit="return checkform()" 来提交表单，是和submit 型的input   ,还是和button 型的input

经过长时间的折腾我得到两个结果：如果我用submit 类型的input , 即使checkform() 返回的是false, 表单照常提交。
                                                                 如果我用button类型的input, 即使checkform() 返回的是true,表单根本提交不了。

折腾了几个小时了，网上找了很多资料。如果有知道的仁兄麻烦告诉一下，帮我节约点时间吧。。。。。。谢谢了！！

代码(简化了下去了几个输入框)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="/website/templates/showcart.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
      <form onsubmit="return CheckForm();" action="register.html" method="post" name="form1">
<label   for="country">Country:        </label>
<input name="country" size="11" maxlength="10" id="country" type="text"><span class="alert">*</span><br ><br >

<label   for="postcode">Post/Zip Code:  </label>
<input name="postcode" size="11" maxlength="10" id="postcode" type="text"><span class="alert" id="stText">*</span>

      <input type="button" name="submit" value="Continue " onclick="onsubmit();" /> //还是用type="submit"
      </form>

</body>
</html>

作者: xiaoasha 发布时间: 2010-08-04

我没试，不知道行不行，你可以参考一下。
1 <input type="button" value="submit" onclick="if(checkForm) document.forms['form1'].submit()" />
把form 标签中的onsubmit去掉
第1个不行还有一个
2 <input type="submit" value="submit" name="submit"/>
共同学习

作者: doom 发布时间: 2010-08-04

不好意思,上边onclick="if(checkForm())"把括弧丢了

作者: doom 发布时间: 2010-08-04

可爱的楼主啊！！！你的理解有问题啊！！
首先对于表单来说，也就是就单独一个表单，能够实现其提交数据功能的只有个submit，除了它谁都无法实现单独考表单
提交数据的1！！
其次你要是想用button来提交数据的话！！也很简单的啊！！！只要写下一些js脚本后者是Ajax来实现非submit式的提交
你要是想用单独的form表单而用button来实现数据的提交，那是做不到的！！！前面也讲了除非用脚本来写！！！
button 只是一个很简单的按钮！！并不带有任何的事件色彩！！！希望你能够明白……

作者: binbin19891117 发布时间: 2010-08-04

<form onsubmit="return CheckForm();"
你这里已经onsubmit了，下面直接写<input type='submit' name='submit' value='submit'>就OK
还有你的js的CheckForm()函数写的真不地道