Javascript 表单被提交多次

当在表单内部单击时，表单会自动尝试重新提交，我无法确定是哪部分代码导致它的行为与此类似。在createTable函数中，在给定域后创建一个表。但我无法选择输出中的任何控件。我在这里附加了JSFIDLE代码链接：

函数createTable（）{
document.getElementById（“表_容器”）.innerHTML=“”；
var input_domain=document.forms[“form1”][“DomainName”].value；
if（input_domain==null | | input_domain===“”）返回；
var table=document.createElement（“表”），
tablehead=document.createElement（“thead”），
theadrow=document.createElement（“tr”），
th1=document.createElement（“th”），
th2=document.createElement（“th”），
th3=document.createElement（“th”），
th4=document.createElement（“th”）；
th1.appendChild（document.createTextNode（“网站”）；
th2.appendChild（document.createTextNode（“为LM和CBD启用/禁用实时更新”）；
th3.appendChild（document.createTextNode（“起始日期”）；
th4.appendChild（document.createTextNode（“至今”）；
附肢儿童（th1）；
附肢儿童（th2）；
附肢儿童（th3）；
附肢儿童（th4）；
桌子头。附属物儿童（theadrow）；
表1.儿童（表头）；
变量名称=[“网站1”、“网站2”]；
var container=document.getElementById（“表容器”）；
var tablebody=document.createElement（“tbody”）；
对于（变量i=0，len=names.length；i可能是

这是干什么用的

请考虑提交
。
可能是

这是干什么用的

请考虑将
提交
。
您已经编写了。单击事件的代理形式

<form name="form1" method="post" onClick="createTable();return myFunction();">



你应该做的是

<form name="form1" method="post" action="createTable();return myFunction();">



你已经写好了。单击事件的代理形式

<form name="form1" method="post" onClick="createTable();return myFunction();">



你应该做的是

<form name="form1" method="post" action="createTable();return myFunction();">



每次单击表单时，都会调用这两个函数。您的表位于表单中，因此单击表中的任何元素也将调用函数。你应该只在提交表格时打电话给他们

<form name="form1" method="post" onClick="createTable();return myFunction();">



应该是

<form name="form1" method="post" onsubmit="createTable();return myFunction();">

每次单击表单时，都会调用这两个函数。您的表位于表单中，因此单击表中的任何元素也将调用函数。你应该只在提交表格时打电话给他们

<form name="form1" method="post" onClick="createTable();return myFunction();">



应该是

<form name="form1" method="post" onsubmit="createTable();return myFunction();">