<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就行了。弹窗后点确定不刷新界面