<develop>:(ShopERP 端)<无> 增加 "忘记密码" 的 UI 功能界面。

CoreCms.Net.Web.Admin/wwwroot/views/user/login.html

@@ -154,15 +154,12 @@
             });
         });
 
-        // 标准事件绑定
+        // 忘记密码-事件绑定
         $('#forgetPasswordBtn').on('click', function () {
-
-            layer.msg('按钮被点击');
-
             admin.popup({
                 shadeClose: false,
                 title: '忘记密码',
-                area: ['390px', '500px'],
+                area: ['430px', '500px'],
                 id: 'LAY-popup-CoreCmsUser-register',
                 success: function (layero, index) {
                     view(this.id).render('user/userInfo/forgetPassword', { data: 'forgetPassword' }).done(function () {

CoreCms.Net.Web.Admin/wwwroot/views/user/userInfo/forgetPassword.html

@@ -17,19 +17,19 @@
         </div>
 
         <div class="layui-form-item">
-            <label for="userName" class="layui-form-label">邮箱</label>
-            <div class="layui-input-inline">
-                <input name="email" id="email" lay-verType="tips" lay-verify="required|verifyemail" class="layui-input w-50" lay-reqText="请输入邮箱" placeholder="请输入邮箱" />
+            <label for="userName" class="layui-form-label" style="flex-shrink: 0;">邮箱</label>
+            <div class="layui-input-inline" style="width: auto; display: flex; align-items: center; gap: 10px">
+                <input name="email" id="email" lay-verType="tips" lay-verify="required|verifyemail" class="layui-input" style="flex:1" lay-reqText="请输入邮箱" placeholder="请输入邮箱" />
 
                 &nbsp;
-                <input type="button" class="layui-btn w-10" id="btnSendValidCode" value="发送验证码">
+                <input type="button" class="layui-btn" id="btnSendValidCode" style="flex-shrink:0" value="发送验证码">
             </div>
         </div>
 
         <div class="layui-form-item">
             <label for="validCode" class="layui-form-label">验证码</label>
             <div class="layui-input-block">
-                <input name="validCode" type="text" id="validCode" lay-verType="tips" lay-verify="required|validCode" class="layui-input" lay-reqText="请输入验证码" placeholder="请输入验证码" />
+                <input name="validCode" id="validCode" lay-verType="tips" lay-verify="required|verifyalidCode" class="layui-input" lay-reqText="请输入验证码" placeholder="请输入验证码" />
             </div>
         </div>
 
@@ -75,7 +75,8 @@
                     verifypassWord: [/^[\S]{0,50}$/, '密码最大只允许输入50位字符，且不能出现空格'],
                     verifymobile: [/^[\S]{0,15}$/, '手机号最大只允许输入15位字符，且不能出现空格'],
                     verifynickName: [/^[\S]{0,50}$/, '昵称最大只允许输入50位字符，且不能出现空格'],
-                    verifyemail: [/^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,}$/,'请输入正确的邮箱格式']
+                    verifyemail: [/^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,}$/, '请输入正确的邮箱格式'],
+                    verifyalidCode: [/^[\S]{0,15}$/, '验证码最大只允许输入15位字符，且不能出现空格']
                 });
 
                 //重载form