89 lines
2.7 KiB
HTML
89 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
|
<link rel="stylesheet" href="//at.alicdn.com/t/font_1200484_qt9lobvqg9.css">
|
|
<meta>
|
|
<style>
|
|
.childrenBody {
|
|
background: #FFF;
|
|
padding: 15px;
|
|
}
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
.layui-btn-xs {
|
|
padding: 0;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
width: 38px;
|
|
}
|
|
.layui-input-inline {
|
|
margin-left: 10px !important;
|
|
display: inline-block!important;
|
|
}
|
|
.btn-box {
|
|
width: 38px !important;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="childrenBody">
|
|
<form class="layui-form">
|
|
<div class="layui-form-item">
|
|
<label class="layui-input-inline btn-box">
|
|
<button type="button" class="layui-btn layui-btn-xs numerical" data-type="-1"><i class="icon iconfont iconjianshao"></i></button>
|
|
</label>
|
|
<div class="layui-input-inline">
|
|
<input type="" name="valNumber" id="numericalVal" lay-verify="required|positive" placeholder="请输入值" autocomplete="off"
|
|
class="layui-input">
|
|
</div>
|
|
<label class="layui-input-inline btn-box">
|
|
<button type="button" class="layui-btn layui-btn-xs numerical" data-type="1"><i class="icon iconfont iconjia"></i></button>
|
|
</label>
|
|
</div>
|
|
<!--<div class="layui-form-item btn-box">-->
|
|
<!--<button class="layui-btn" lay-submit lay-filter="formSsubmit">确定</button>-->
|
|
<!--</div>-->
|
|
</form>
|
|
</body>
|
|
</html>
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
<script type="text/javascript">
|
|
layui.config({
|
|
base: "/lib/okplugins/"
|
|
}).use(['jquery', 'layer', 'form'], function () {
|
|
var regPositive = /^[0-9]\d*$/;
|
|
var layer = layui.layer,
|
|
form = layui.form,
|
|
$ = layui.jquery;
|
|
form.verify({
|
|
positive: [regPositive, "此处的值不能小于零"]
|
|
});
|
|
|
|
$(".numerical").click(function () {
|
|
var type = $(this).attr('data-type');
|
|
var val = $("#numericalVal").val() * 1 + type * 1;
|
|
console.log(val);
|
|
if (regPositive.test(val)) {
|
|
$("#numericalVal").val(val);
|
|
} else {
|
|
layer.msg("此处的值不能小于零");
|
|
}
|
|
});
|
|
|
|
form.on("submit(formSsubmit)", function (res) {
|
|
var field = res.field;
|
|
console.log(field);
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|