Javascript 在表单提交时显示隐藏的div
我有一个带有两个botton的html表单。一种是提交的主要形式,另一种是上传文件 我想在表单submit上显示一个隐藏的div,它可以工作,但当您单击文件上载按钮时,它也会显示隐藏的div,这是我不想要的 另外,如果我点击任何表单字段进行文本输入,div就会显示出来 我怎样才能在主提交按钮上显示隐藏内容 这是表格Javascript 在表单提交时显示隐藏的div,javascript,forms,html,Javascript,Forms,Html,我有一个带有两个botton的html表单。一种是提交的主要形式,另一种是上传文件 我想在表单submit上显示一个隐藏的div,它可以工作,但当您单击文件上载按钮时,它也会显示隐藏的div,这是我不想要的 另外,如果我点击任何表单字段进行文本输入,div就会显示出来 我怎样才能在主提交按钮上显示隐藏内容 这是表格 <div id="stylized" class="myform"> <form id="form" name="form" method="post" actio
<div id="stylized" class="myform">
<form id="form" name="form" method="post" action="/directory/submit.php" enctype="multipart/form-data" onclick="showHide()"/>
<label>Tel
<span class="small">Contact Telephone No.</span>
</label>
<input type="text" name="submitted_telephone" value="[var.submitted_telephone;htmlconv=no]"/>
<label>email*
<span class="small">Contact email</span>
</label>
<input type="text" name="submitted_email" value="[var.submitted_email;htmlconv=no]"/>
<label>Address
<span class="small">Postal Address</span>
</label>
<input type="text" name="submitted_address" value="[var.submitted_address;htmlconv=no]"/>
<label for="file">Filename
<span class="small">Upload image</span>
</label>
<input type="file" name="file" id="file">
<div class="spacer"></div>
<button type="submit" title="Submit Details">Submit</button>
<input type="hidden" name="form_submitted" value="yes"/>
<div class="spacer"></div>
<div id="loading" style="display:none">
<img src="[var.base_url]/directory/style_images/Animated_Loading_Gif.gif" />
</div>
</form>
电话
联络电话。
电子邮件*
联系电子邮件
地址
邮政地址
文件名
上传图像
提交
下面是javascript
<script type="text/javascript">
function showHide() {
document.getElementById("loading").style.display = "block";
}
</script>
函数showHide(){
document.getElementById(“加载”).style.display=“块”;
}
onclick
错误。它应该是onsubmit
。此外,您还有关闭/>
标记,请从
标记中删除/
改变
<form onclick="showHide()"/> //wrong
//错了
对此
<form onsubmit="showHide()">
------^^^^^^^^------------^^
------^^^^^^^^------------^^
onclick
错误。应该是onsubmit
我怎么会错过这个!非常感谢你。