为啥很多网站的用户端都更新了,博客园还是原来的样子呢

重回博客园发布一些工作中的文章,心得,发现博客园在界面上还是跟7,8年前没啥区别,

界面经典好用,这是不用质疑的,但是发布内容的一些地方,好像不像其他网站那么方便了,对比最近学习的简练界面风格,发现博客园的后台对新手来说,有点点难度。

具体来说

一:进入到个人后台,第一项,选项卡太多,一些我从未用到的,一直在上面占着空间,导致我想要的东西找不到

二:发布博客是常用功能,应该在网站任何地方都能点击进入。

转载于:https://www.cnblogs.com/skyrakehell/p/3974173.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要引入 jQuery 库。可以通过以下链接引入: ```html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> ``` 然后,在页面加载完成后,你可以使用 jQuery 来为表单添加验证功能。以下是一个简单的示例: ```html <form id="register-form"> <label>用户名:</label> <input type="text" name="username" required> <label>密码:</label> <input type="password" name="password" required> <label>确认密码:</label> <input type="password" name="confirm-password" required> <button type="submit">注册</button> </form> <script> $(function() { // 获取表单元素 var form = $('#register-form'); var usernameInput = form.find('input[name="username"]'); var passwordInput = form.find('input[name="password"]'); var confirmPasswordInput = form.find('input[name="confirm-password"]'); // 添加验证规则 usernameInput.on('blur', function() { if (usernameInput.val() === '') { alert('用户名不能为空'); } }); passwordInput.on('blur', function() { if (passwordInput.val().length < 6) { alert('密码长度不能小于 6 位'); } }); confirmPasswordInput.on('blur', function() { if (confirmPasswordInput.val() !== passwordInput.val()) { alert('两次输入的密码不一致'); } }); // 提交表单时进行验证 form.on('submit', function() { // 验证用户名 if (usernameInput.val() === '') { alert('用户名不能为空'); return false; } // 验证密码 if (passwordInput.val().length < 6) { alert('密码长度不能小于 6 位'); return false; } // 验证确认密码 if (confirmPasswordInput.val() !== passwordInput.val()) { alert('两次输入的密码不一致'); return false; } // 验证通过,提交表单 alert('注册成功'); return true; }); }); </script> ``` 这个示例添加了三个验证规则: - 用户名不能为空 - 密码长度不能小于 6 位 - 确认密码必须与密码一致 当用户离开输入框时,会触发相应的验证规则。如果验证未通过,则会弹出提示框。当用户点击注册按钮时,会再次进行验证,如果验证通过,则提交表单,否则不提交。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值