form表单禁止默认提交,对接新的接口
最近在做项目的时候遇到这么一个问题,需要阻止form表单的默认提交,要用ajax提交提示,所以炸了些许方法,最后用这个方法实现了需求,记录一下
<form class="kt-form kt-form--label-right" onsubmit="return vm.doSubmitCheck();">
</form>
这里要用onsubmit提交
script提交
<script>
var vm = new Vue(
data: {
weight:''
},
methods: {
doSubmitCheck: function(){
if (this.weight == '') {
alert("缺少数据!!!!!");
return false;
这里的renturn false就是阻止原来的默认提交
} else {
//这里同上,开始写自己的ajax请求就好了
return false;
}
}
}
)
</script>
记录一下,如果还有更好的解决方法大家可以互相探讨一下

浙公网安备 33010602011771号