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 οnclick="check();">提交</button>
</form>


优化方式一:
增加属性type,默认省略的是submit属性
<button type="button" οnclick="check();">提交</button>

优化方式二:
修改函数:return;-->return false;
修改事件调用:<button οnclick="return check();">提交</button>
发布了132 篇原创文章 · 获赞 64 · 访问量 47万+

猜你喜欢

转载自blog.csdn.net/qiuzhi__ke/article/details/90693235
今日推荐