Question

我想在单击提交按钮后显示加载的gif。我需要做些什么改变，谢谢。问题是，当学生输入席位号时，他们单击提交，但是响应结果服务器需要4到5秒，在此时间间隔内，学生多次按下按钮，服务器会收到不需要的请求

<script type="text/javascript">
function check()
 {   
var candidateid = document.getElementById("candidateid").value;
 if(candidateid=='') 
{
 $('.candidateid').toggle("show");
setTimeout(function() 
{ 
 $(".candidateid").toggle("hide");
}, 3000);
return false;
} 
return true;   
}   
</script>

 <html>
<body>
<!-- Contact Us -->
<section id="contact" class="contact section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h2><span>Manthan</span> Talent Search Exam <?php echo date('Y')?></h2>
<p>विद्यार्थ्यांना देण्यात आलेल्या हॉलतिकीट वरील Student ID वरील रकान्यात भरून Submit वर क्लिक करा</p>
</div>
</div>
</div>
<div class="contact-head">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
						
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="form-head">
<!-- Form -->
<form class="form" action="<?php echo ('https://www.manthanpublication.com/view_result/')?>" method="POST" autocomplete="off" onsubmit="return check();">
<div class="form-group">
<input id="candidateid" name="candidateid" type="number" placeholder="Enter Candidate Id">
</div>
<p class="candidateid" style="display:none; color:red;"><i class="fa fa-times"></i> Enter Candidate Id</p>
<div class="form-group">
<div class="button">
<button  name="submit" type="submit"  class="btn primary">Submit</button>
						
</div>

</div>
								
</form>
<!--/ End Form -->
</div>
</div>
</div>
</div>
			
</div>
</section>
<!--/ End Contact Us -->	

</body>
</html>

我想在单击表单提交按钮后显示加载gif

0 个答案: