<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
<button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">未审结案件量</button>
</div>
</body>
</html>
<script src="layui/layui.js"></script>
<script src="jquery.min.js"></script>
<script>
layui.use('layer', function(){ //独立版的layer无需执行这一句
var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
//触发事件
var active = {
offset: function(othis){
var type = othis.data('type'),
text = othis.text();
layer.open({
type: 1,
offset: type,
title:"未审结量设置",
// es6的写法
// content: `<div class="layui-form-item">
// <label class="layui-form-label">未审结</label>
// <div class="layui-input-block">
// <input id="weishenjie" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input" onblur="check(this.value,100000);" style="width:80%;">
// </div>
// </div>`,
// es5的写法
content: "<div class='layui-form-item'>\n"+
"<label class='layui-form-label'>未审结</label>\n"+
"<div class='layui-input-block'>\n"+
"<input onblur='check(this.value,100000);' id='weishenjie' type='text' name='title' lay-verify='title' autocomplete='off' placeholder='请输入标题' class='layui-input' style='width:80%;'>\n"+
"</div>\n"+
"</div>",
btn: '关闭全部',
btnAlign: 'c',
shade: 0,
});
}
};
$('#layerDemo .layui-btn').on('click', function(){
var othis = $(this), method = othis.data('method');
active[method] ? active[method].call(this, othis) : '';
});
});
// 判断
function check(n,max){
if(parseFloat(n)>0&&parseFloat(n)<100000){
$("#weishenjie").val(parseInt(n))
}else{
console.log("不符合要求")
}
}
</script>