提交表單的過程中如何避擴音交重複資料

在提交表單時，需要避免因 “網路卡頓” 或 “使用者在提交時點選多次提交按鈕” 而造成新增資料重複。

案例

<form name="f1" action="#" >
...
<input  id="buttonid" class="btn_blue" onclick="add()" value="提交" style="font-weight: bold;"/>
</form>

解決辦法

使用 JS 做處理：

<script>
function add(){

	$("#buttonid").val("正在處理..."
 
);
	f1.submit();			// f1 為form 的name 屬性
    	$("#buttonid").attr("disabled", "disabled");   
    
	}
</script>