gitee/course-tencent-cloud
1
0
Fork 0
mirror of https://gitee.com/koogua/course-tencent-cloud.git synced 2025-06-23 03:50:56 +08:00
Code Issues Releases Wiki Activity

优化表单数据提交体验

Browse Source
This commit is contained in:
koogua 2022-10-31 18:25:57 +08:00
parent 372b996365
commit 301557abbc
3 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/Http/Admin/Views/trade/refund.volt
View File

@ -71,11 +71,15 @@
<input class="layui-input" name="apply_note" lay-verify="required"> <input class="layui-input" name="apply_note" lay-verify="required">
</div> </div>
</div> </div>
<div class="layui-form-item kg-center"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="true" lay-filter="go">提交申请</button> <label class="layui-form-label"></label>
<input type="hidden" name="trade_amount" value="{{ trade.amount }}"> <div class="layui-input-block">
<input type="hidden" name="refund_amount" value="{{ confirm.refund_amount }}"> <button class="layui-btn" lay-submit="true" lay-filter="go">提交</button>
<input type="hidden" name="service_fee" value="{{ confirm.service_fee }}"> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<input type="hidden" name="trade_amount" value="{{ trade.amount }}">
<input type="hidden" name="refund_amount" value="{{ confirm.refund_amount }}">
<input type="hidden" name="service_fee" value="{{ confirm.service_fee }}">
</div>
</div> </div>
</form> </form>

14
public/static/admin/js/common.js
View File

@ -49,14 +49,15 @@ layui.use(['jquery', 'form', 'element', 'layer', 'kgDropdown'], function () {
form.on('submit(go)', function (data) { form.on('submit(go)', function (data) {
var submit = $(this); var submit = $(this);
submit.attr('disabled', 'disabled').addClass('layui-btn-disabled'); var orgText = $(this).text();
submit.text('提交中···').attr('disabled', 'disabled').addClass('layui-btn-disabled');
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
url: data.form.action, url: data.form.action,
data: data.field, data: data.field,
success: function (res) { success: function (res) {
if (res.msg) { if (res.msg) {
layer.msg(res.msg, {icon: 1}); layer.msg(res.msg, {icon: 1, time: 1500});
} }
if (res.location) { if (res.location) {
var target = res.target || 'self'; var target = res.target || 'self';
@ -66,13 +67,14 @@ layui.use(['jquery', 'form', 'element', 'layer', 'kgDropdown'], function () {
} else { } else {
window.location.href = res.location; window.location.href = res.location;
} }
}, 1500); }, 1000);
} else {
submit.removeAttr('disabled').removeClass('layui-btn-disabled');
} }
setTimeout(function () {
submit.text(orgText).removeAttr('disabled').removeClass('layui-btn-disabled');
}, 1500);
}, },
error: function () { error: function () {
submit.removeAttr('disabled').removeClass('layui-btn-disabled'); submit.text(orgText).removeAttr('disabled').removeClass('layui-btn-disabled');
} }
}); });
return false; return false;

14
public/static/home/js/common.js
View File

@ -68,14 +68,15 @@ layui.use(['jquery', 'form', 'element', 'layer', 'helper'], function () {
form.on('submit(go)', function (data) { form.on('submit(go)', function (data) {
var submit = $(this); var submit = $(this);
submit.attr('disabled', 'disabled').addClass('layui-btn-disabled'); var orgText = $(this).text();
submit.text('提交中···').attr('disabled', 'disabled').addClass('layui-btn-disabled');
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
url: data.form.action, url: data.form.action,
data: data.field, data: data.field,
success: function (res) { success: function (res) {
if (res.msg) { if (res.msg) {
layer.msg(res.msg, {icon: 1}); layer.msg(res.msg, {icon: 1, time: 1500});
} }
if (res.location) { if (res.location) {
var target = res.target || 'self'; var target = res.target || 'self';
@ -85,13 +86,14 @@ layui.use(['jquery', 'form', 'element', 'layer', 'helper'], function () {
} else { } else {
window.location.href = res.location; window.location.href = res.location;
} }
}, 1500); }, 1000);
} else {
submit.removeAttr('disabled').removeClass('layui-btn-disabled');
} }
setTimeout(function () {
submit.text(orgText).removeAttr('disabled').removeClass('layui-btn-disabled');
}, 1500);
}, },
error: function () { error: function () {
submit.removeAttr('disabled').removeClass('layui-btn-disabled'); submit.text(orgText).removeAttr('disabled').removeClass('layui-btn-disabled');
} }
}); });
return false; return false;