109 行
4.0 KiB
HTML
可执行文件
109 行
4.0 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
<!--[1.1.96]-->
|
|
<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-btn{
|
|
background-color: #409EFF;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div style="padding: 30px;">
|
|
<form class="layui-form" action="">
|
|
<input type="hidden" name="id" value="{$list.id}">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">联系人</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="name" value="{$list.name}" 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="{$list.tell}" 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="{$list.qq}" 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">
|
|
layui.use('upload', function () {
|
|
var upload = layui.upload;
|
|
var uploadInst = upload.render({
|
|
elem: '#test2' //绑定元素
|
|
, url: "{:U('upload')}" //上传接口
|
|
, done: function (res) {
|
|
//上传完毕回调
|
|
if (res.status == 1) {
|
|
$('#head_img').attr('src', res.path);
|
|
$('#head_url').val(res.path);
|
|
} else {
|
|
layer.msg(res.msg, {time: 1500});
|
|
}
|
|
}
|
|
, error: function () {
|
|
//请求异常回调
|
|
}
|
|
});
|
|
});
|
|
$("#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 reg1 = /^((0\d{2,3}-\d{7,8})|(1[35879]\d{9}))$/;
|
|
if (!reg1.test(tell)) {
|
|
top.layer.msg('请输入有效电话', {icon: 4, time: 1200});
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url: "{:U('updates')}",
|
|
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> |