91 行
3.1 KiB
HTML
可执行文件
91 行
3.1 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
<!--[1.5.84]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>联系方式添加</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
|
|
</head>
|
|
<style>
|
|
.layui-form input {
|
|
width: 400px;
|
|
}
|
|
|
|
.layui-textarea {
|
|
width: 600px;
|
|
height: 300px;
|
|
resize: none;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div style="padding: 30px;">
|
|
<form class="layui-form" action="">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">联系人</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="name" value="" id="name" required lay-verify="required"
|
|
placeholder="请输入姓名" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">联系电话</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" value="" name="tell" id="tell" required lay-verify="required"
|
|
placeholder="请输入手机号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">QQ</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" value="" name="qq" id="qq" required lay-verify="required"
|
|
placeholder="请输入QQ号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"></label>
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" type="button" id="submit">提交</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
|
|
<script type="text/javascript">
|
|
$("#submit").click(function () {
|
|
var name = $("#name").val();
|
|
var tell = $("#tell").val();
|
|
var qq = $("#qq").val();
|
|
if (name == '' || tell == '' || qq == '') {
|
|
top.layer.msg('请完善信息', {icon: 4, time: 1200});
|
|
return false;
|
|
}
|
|
var reg = /(1[3-9]\d{9}$)/;
|
|
if (!reg.test(tell)){
|
|
top.layer.msg('请输入有效手机号', {icon: 4, time: 1200});
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url: "{:U('adds')}",
|
|
type: 'post',
|
|
data: $("form").serialize(),
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
top.layer.msg(res.msg, {icon: 1, time: 1200}, function () {
|
|
top.layer.closeAll();
|
|
})
|
|
} else {
|
|
layer.msg(res.msg, {time: 1200});
|
|
}
|
|
},
|
|
error: function () {
|
|
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</html> |