<form action="" method="post" onsubmit="return checkname()">
<input type="text" class="form-control" id="exampleInputEmail1" name="username" placeholder="请输入你的名字">
<button type="submit" class="btn-primary" >我要留言</button>
</form>

<script>
　　function checkname(){
　　var username=document.querySelector(".form-control").value;
　　if(username==""||username==null){alert('请输入用户名');return false;}
}

</script>

在提交表单时候设置onsubmit 然后在写函数的时候alert之后return false就行了。弹窗后点确定不刷新界面

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。