JS解决在提交form表单时某个值不存在 alter弹窗点确定不刷新界面

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