form表单提交后loading提示,以及提交一次后失效,避免重复提交

<form action="user/PPPOE" name="pppoeForm"
			onsubmit="return CheckPost();">
			<span>&nbsp;&nbsp;&nbsp;数据口:</span> <select name="Access">
				<c:forEach var="dc" items="${dataNc}">
					<option value="${dc.name}">${dc.name}</option>
				</c:forEach>
			</select> <br /> <br /> <span>&nbsp;&nbsp;&nbsp;用户名:&nbsp;&nbsp;&nbsp;&nbsp;</span><input
				type="text" name="name" required="required"><br /> <br />
			<span>&nbsp;&nbsp;&nbsp;密码:&nbsp;&nbsp;&nbsp;&nbsp;</span><input
				type="password" name="pwd" required="required"><br /> <br />
			&nbsp;&nbsp;&nbsp;<input type="submit" name="submit" value="确定" />
		</form>
<div id="showResult"
		style="color: #33CC70; position: absolute; top: 80px; left: 20em;">
	</div>

js

<script language="javascript">
   var submitcount=0;
   function CheckPost ()
   {
	   if (submitcount == 0){
		   $("#showResult").append("<div><img src='../admin/img/abc.gif' /><div>");   
		   submitcount++;
		   return true;
	   }else{
		   alert("正在操作,请不要重复提交,谢谢!");
	       return false;
	   }
   }
</script>

效果图:
在这里插入图片描述
gif图
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值