jquery 防止重复点击提交
在项目中常常会使用到点击事件，当此点击事件与后端有交互时 ，或是网络不是很顺畅，用户多次点击事件会产生意想不到的效果，导致用户体验差；针对重复点击事件，笔者也曾经遇到过，在此，分享 jquery 防止重复点击提交 的解决方案。

方法一： 使用 css 禁用属性 —— disable
该方法只能点击一次，若想再次点击需要页面重新进行了加载或者跳转；

<form action="/login" method="post">
    <input type="text" name="username" />
    <input type="password" name="password" />
    <input type="submit" id="submitBtn"  value="登录" />
</form>

<script>
	$(function(){
		$('#submitBtn').on('click‘，function(){
				$(this).attr('disabled',true); //点击后就禁用，若想再次点击需刷新页面；
				$(this).val('登录中...');  //此处设置 value 值给以提示
				this.form.submit();
		});
	});
</script>