button阻止form表單失效優化處理

場景:js函數驗證失敗,終止函數,但是form依然提交數據;

以下分析處理方案:

function check(){
	var begindate=document.aform.begindate.value;
	var enddate=document.aform.enddate.value;
	
	if(!begindate || !enddate){
		alert("請輸入日期。");
		//return;
		return false;
	}		
        document.aform.submit();
}
	
<form action="" method="Post" name="aform">
        <!-- 其他省略。。。。-->
	<button onclick="check();">提交</button>
</form>


優化方式一:
增加屬性type,默認省略的是submit屬性
<button type="button" onclick="check();">提交</button>

優化方式二:
修改函數:return;-->return false;
修改事件調用:<button onclick="return check();">提交</button>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章