当input输入框为空未填写时，用layer弹出层弹出提示

当input输入框为空或没有输入内容时，用layer弹出层弹出提示

引入

<script src="https://code.xulgr.com/pub/js/jquery-1.8.2.min.js"></script>
<script src="https://code.xulgr.com/pub/js/layer/layer.js"></script>

 

html

<input id="xulgr" placeholder="请输入你的邮箱" />
<button id="xulgr-input">提交</button>

 

js

$("#xulgr-input").click(function(){
var inputvalue=$("#xulgr").val();
if(inputvalue==''){ //可添加多个指定ID，用||隔开
//自定义layer弹窗样式开始
layer.alert('请填写你的邮箱！');
//自定义layer弹窗样式结束
return false;}
});

 

运行代码