ok-admin/pages/help/test.html

68 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
<link rel="stylesheet" href="../../css/common.css">
<style>
.ok-body {
padding: 20px;
}
</style>
</head>
<body class="childrenBody">
<div>
<button class="btn-alert layui-btn">
弹出
</button>
</div>
</body>
</html>
<script src="../../lib/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: "/lib/okplugins/"
}).use(['jquery', 'layer'], function () {
var regPositive = /^[0-9]\d*$/;
$ = layui.jquery;
$.serializeObject = function (formElem) {//form表单序列化值返回json对象key为input的name,值为input的值
var o = {};
var a = this(formElem.serializeArray());
$.each(a, function () {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
var page_url = "/pages/help/testalter.html";
$(".btn-alert").click(function () {
layer.open({
type: 2,
btn: ['确定', '取消'],
title: '输入值',
area: ['350px', '200px'],
content: page_url,
shade: 0,
yes: function (index, layero) {
var body = layer.getChildFrame('body', index);
var data = $.serializeObject($(body).find("form"));
if (regPositive.test(data.valNumber)) {
$("#numericalVal").val(data.valNumber);
} else {
$(body).find("form").find('input[name="valNumber"]').focus();//获取焦点
layer.msg("输入的值不能小于零");
}
},
});
});
});
</script>