课堂作业——博客园用户体验

下面通过几个问题来说明一下作为用户对博客园的使用体验:

1. 是否提供良好的体验给用户(同时提供价值)?

      不像其他的一些网易博客或生活社区,各种各样的人们都可以随心所欲的发表各种话题,博客园主要是一个面向开发者的知识分享社区,专业性比较强,为开发者打造的一个纯净的技术交流社区,帮助开发者通过互联网分享知识,实现不同用户的即时评论,互动交流,从而让更多开发者从中受益。  

2. 你是什么样的用户, 有什么样的心理, 对cnblogs 的期望值是什么?

      我是计算机科学与技术专业的在校大三学生,想通过博客园发表博客来记录自己的学习历程,积累学习过程中出现的经验和教训;通过浏览他人的博客,从中学习,并将人家的优秀的东西自己消化,增长知识;如果有问题还可以向他人提问,发私信,可以与更多大牛们交流。

      对cnblogs 的期望就是希望能够继续保持,能够为大家提供更多优秀经典的资料供大家学习交流。

3. 当你第一次使用cnblogs 的功能的时候, 碰到了哪些问题? 后来是如何解决的?

  第一次使用粘贴图片时,不能直接粘贴,需要本地上传才可以,而且有时上传图片需要调整图片大小,调整时也不太方便;

  有时发博客时点击发布会出现访问被拒绝的情况,询问了博客园上其他人员也不知道怎么解决;

4. 你对 cnblogs 的UX 有什么建议?  你自己小组的软件设计应该吸取什么教训?

    对cnblogs的建议就是能够实现图片的粘贴复制,能够直接从word文档中粘贴,而不至于发布时访问被拒绝。插入表格时可以自由自定义大小,而且插入表格后不美观。
  我们自己小组设计时要注意用户界面要友好,重要的东西要放在显眼的地方,一些错误的输入方式要提醒给用户,一些必要的说明可以表现给用户。

 

转载于:https://www.cnblogs.com/luyu2783/p/4481341.html

首先,你需要引入 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、付费专栏及课程。

余额充值