fix(cookieManager): 修复新增页重置按钮无效与网址校验过严
1) 重置按钮无响应:4 个页面容器是 <div class="layui-form"> 而非 <form>, type="reset" 没有可重置的表单。改为 <form class="layui-form">...</form> (与标准用户管理页一致)。 2) 保存报错:lay-verify="required|url" 强制要求带协议头, 输入 www.baidu.com 时前台校验直接拦截(提示“链接格式不正确”)、/save 未发出。 改为自定义 siteurl 规则,允许省略协议;后端新增 _normalize_url 自动补 https://。 已 Playwright 验证:重置可清空全部字段;无协议网址保存成功且落库为 https:// 前缀。
This commit is contained in:
@@ -6,7 +6,7 @@
|
||||
{% include 'system/common/header.html' %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="layui-form" lay-filter="cookie-site-form" style="padding: 20px 30px 0 0;">
|
||||
<form class="layui-form" lay-filter="cookie-site-form" style="padding: 20px 30px 0 0;">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站名称</label>
|
||||
<div class="layui-input-block">
|
||||
@@ -17,7 +17,7 @@
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站URL</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" required lay-verify="required|url" placeholder="https://example.com"
|
||||
<input type="text" name="url" required lay-verify="required|siteurl" placeholder="https://example.com 或 example.com"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
@@ -75,7 +75,7 @@
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{% include 'system/common/footer.html' %}
|
||||
<script>
|
||||
@@ -87,6 +87,16 @@ layui.use(['form', 'layer', 'laydate'], function(){
|
||||
|
||||
laydate.render({ elem: '#expiry-picker', trigger: 'click' });
|
||||
|
||||
// 放宽网址校验:允许省略 http(s):// 协议头,后端会自动补齐
|
||||
form.verify({
|
||||
siteurl: function (value) {
|
||||
if (!value) return;
|
||||
var ok = /^(https?|ftp):\/\/[^\s]+$/i.test(value)
|
||||
|| /^[\w-]+(\.[\w-]+)+(:\d+)?([/?#][^\s]*)?$/i.test(value);
|
||||
if (!ok) return '网址格式不正确,例如 https://example.com 或 example.com';
|
||||
}
|
||||
});
|
||||
|
||||
form.render();
|
||||
form.on('submit(cookie-site-form-submit)', function(){
|
||||
var data = form.val('cookie-site-form');
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
{% include 'system/common/header.html' %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="layui-form" lay-filter="cookie-site-form" style="padding: 20px 30px 0 0;">
|
||||
<form class="layui-form" lay-filter="cookie-site-form" style="padding: 20px 30px 0 0;">
|
||||
<input type="hidden" name="cookieSiteId" value="{{ obj.id }}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站名称</label>
|
||||
@@ -18,7 +18,7 @@
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站URL</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" value="{{ obj.url }}" lay-verify="required|url"
|
||||
<input type="text" name="url" value="{{ obj.url }}" lay-verify="required|siteurl"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
@@ -77,7 +77,7 @@
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{% include 'system/common/footer.html' %}
|
||||
<script>
|
||||
@@ -89,6 +89,16 @@ layui.use(['form', 'layer', 'laydate'], function(){
|
||||
|
||||
laydate.render({ elem: '#expiry-picker', trigger: 'click' });
|
||||
|
||||
// 放宽网址校验:允许省略 http(s):// 协议头,后端会自动补齐
|
||||
form.verify({
|
||||
siteurl: function (value) {
|
||||
if (!value) return;
|
||||
var ok = /^(https?|ftp):\/\/[^\s]+$/i.test(value)
|
||||
|| /^[\w-]+(\.[\w-]+)+(:\d+)?([/?#][^\s]*)?$/i.test(value);
|
||||
if (!ok) return '网址格式不正确,例如 https://example.com 或 example.com';
|
||||
}
|
||||
});
|
||||
|
||||
form.render();
|
||||
form.on('submit(cookie-site-form-submit)', function(){
|
||||
var data = form.val('cookie-site-form');
|
||||
|
||||
Reference in New Issue
Block a user