随笔分类 - 一个知问前端
摘要：本文，将使用Ajax登录。 一、服务器端代码 is_user.php： login.php： 注意：jquery.validate.js插件获取时是以UTF-8无BOM格式编码的，而我们的php文件是以ANSI/UTF-8格式编码的，所以在部分环境下，要设置UTF8无BOM格式编码的，否则验证无法提
阅读全文
摘要：Cookie是网站用来在客户端保存识别用户的一种小文件。一般可以保存用户登录信息、购物数据信息等一系列微小信息。 一、使用cookie插件 官方网站：http://plugins.jquery.com/cookie/ 从官网下载cookie插件——jquery.cookie.js插件。 1.生成一个
阅读全文
摘要：本文，运用两大表单插件，完成数据表新增的工作。 一、创建数据库 创建一个数据库，名称为：zhiwen，表——user表，字段依次为：id、name、pass、email、sex、birthday、date。 本人是使用的Navicat for MySQL创建的user表， user表的结构如下： 所
阅读全文
摘要：传统的表单提交，需要多次跳转页面，极大的消耗资源也缺乏良好的用户体验。而这款form.js表单的Ajax提交插件将解决这个问题。 一、核心方法 官方网站：http://malsup.com/jquery/form/ form.js插件有两个核心方法：ajaxForm()和ajaxSubmit()，它
阅读全文
摘要：本文，将使用validate.js验证插件功能，完成表单注册验证的功能。 一、html部分 html部分几乎不需要更改太多，只要加个存放错误提示的列表标签即可。 index.html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit
阅读全文
摘要：使用remote:url，可以对表单进行ajax验证，默认会提交当前验证的值到远程地址。如果需要提交其他的值，可以使用data选项。 新用户注册时，如果用户名已被占用，则及时返回用户名已占用的信息。应当使用ajax验证。 index.html： style.css： user.php： 注意：远程地
阅读全文
摘要：validate()的方法和选项 除了默认的验证规则外，jquery.validate.js还提供了大量的其他属性和方法供开发者使用，比如调试属性，错误提示位置一系列比较有用的选项。 index.html： jQuery代码： 开启调试模式禁止提交： 设置调试模式为默认，可以禁止多个表单提交： 使用
阅读全文
摘要：验证插件（validate.js），是一款验证常规表单数据合法性的插件。使用它，极大的解放了在表单上繁杂的验证过程，并且错误提示显示的完善也增加了用户体验。 使用validate.js插件 官网下载：http://bassistance.de/jquery-plugins/jquery-plugin
阅读全文
摘要：datepicker日期选择选项 index.html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</title> <script type="text/javascript" src="jquery-1.12.
阅读全文
摘要：日历（datepicker）UI，可以让用户更加直观的、更加方便的输入日期，并且还考虑不同国家的语言限制，包括汉语。 调用datepicker()方法 修改datepicker()样式 日历UI的header背景和对话框UI的背景采用的是同一个class，所以在此之前已经被修改，所以，这里无须再修改
阅读全文
摘要：本节课，我们通过自动补全source属性的function回调函数，来动态的设置我们的数据源，以达到可以实现邮箱补全功能。 数据源function 自动补全UI的source不但可以是数组，也可以是function回调函数，提供了自带的两个参数设置动态的数据源。 注意：这里的response不会根据
阅读全文
摘要：自动补全（autocomplete），是一个可以减少用户输入完整信息的UI工具。一般在输入邮箱、搜索关键字等，然后提取出相应完整字符串供用户选择。 调用autocomplete()方法 修改autocomplete()样式 由于autocomplete()方法是弹窗，然后鼠标悬停的样式，我们通过Fi
阅读全文
摘要：工具提示（tooltip），是一个非常实用的UI。它彻底扩展了HTML中的title属性，让提示更加丰富，更加可控制，全面提升了用户体验。 调用tooltip()方法 在调用tooltip()方法之前，首先需要针对元素设置相应title属性。如： 修改tooltip()样式 在弹出的tooltip提
阅读全文
摘要：通过前面已学的jQuery UI部件，我们来创建一个注册表单。 index.html： 新增的一个注册表单样式： jQuery代码：
阅读全文
摘要：按钮（button），可以给生硬的原生按钮或者文本提供更多丰富多彩的外观。它不单单可以设置按钮或文本，还可以设置单选按钮和多选按钮。 使用button按钮 使用button按钮UI的时候，不一定必须是input按钮形式，普通的文本也可以设置成button按钮。 修改button样式 在弹出的butt
阅读全文
摘要：dialog()方法的事件 除了属性设置外，dialog()方法也提供了大量的事件，这些事件可以给各种不同状态时的对话框提供回调函数，这些回调函数中的this值等于对话框内容的div对象，不是整个对话框的div。 dialog事件选项 jQuery代码： index.html： focus——当对话
阅读全文
摘要：对话框(dialog)，是jQuery UI非常重要的一个功能。它彻底的代替了JavaScript的alert()、prompt()等方法，也避免了新窗口或页面的繁杂冗余。 开启多个dialog 我们可以同时打开多个dialog，只要设置不同的id即可实现。如： test.html： jQuery代
阅读全文
摘要：创建界面 我们首先要设计一个header，这个区域将要设计成永远置顶。也就是，往下拉出滚动条也永远在页面最上层可视区内。在header区，目前先设计LOGO、搜索框、按钮、注册和登录即可。 项目的大致骨架如下： index.html： style.css：(还好能看懂！！！) 引入UI 在目前的这个
阅读全文
摘要：知问系统，是一个问答系统。主要功能：即会员提出问题，会员回答问题。目前比较热门的此类网站有：知乎http://www.zhihu.com、百度知道http://zhidao.baidu.com等。这里我们重点参考“知乎”，来学习一下它采用的前端效果。 项目介绍 我们重点仿照“知乎”的架构模式来搭建界
阅读全文
浙公网安备 33010602011771号