2019-01-15 js表单验证，cookie,本地存储，jQueryUI

js表单验证
首先，是html部分

 
   
新用户注册
 
   
 
   
基本信息
 
   
 
   
 
    
 
      用户名： 
       
      请输入至少3位的用户名 
    
 
    
 
      密码： 
       
      请输入4到8位的密码 
    
 
    
 
      确认密码： 
       
      请再输入一遍密码 
    
 
    
 
      手机号码： 
       
      请输入11位手机号码 
    
 
    
 
     注册 
    
 
   
 
   
 
 

接着，为其加上CSS样式

最后是JS部分

在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者用法完全相同，这里以localStorage为例。

if(window.localStorage){
 alert('This browser supports localStorage');
}else{
 alert('This browser does NOT support localStorage');
}

而读取、写、删除操作方法有很多方法，也很简单，但长用getItem()和setItem()，清除键值对使用removeItem()。如果希望一次性清除所有的键值对，可以使用clear()。

localStorage.setItem("user","abcd");
localStorage.setItem("user1","abcd1");
localStorage.removeItem("user");

再说说cookie。

cookie 是存储于访问者的计算机中的变量，用来存放一些数据。在我们浏览页面时，经常会填写自己的名字等，这些会被存放于cookie中。

学习cookie主要有3个函数，包括创建cookie，获取cookie中的值，删除cookie。

创建cookie：

function setcookie(name,value,iday){

　　var odate=new Date();

　　odate.setDate(odate.getDate()+iday);

　　document.cookie=name+"="+value+";expires="+odate;

}

获取cookie：

function setcookie(name){

　　var cookies=document.cookie;

　　var arr1=cookies.split("; ");

　　for (i=0;i

删除cookie：

function removecookie(name){

　　setcookie(name,"","-1")  //通过建立cookie的时间设置，将时间设置为提前一天；

}

jQuery UI 简介
jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库，您可以使用它创建高度交互的 Web 应用程序。
jQuery UI 特性
简单易用
继承 jQuery 简易使用特性，提供高度抽象接口，短期改善网站易用性。

开源免费
采用 MIT & GPL 双协议授权，轻松满足自由产品至企业产品各种授权需求。

广泛兼容
兼容各主流桌面浏览器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。

轻便快捷
组件间相对独立，可按需加载，避免浪费带宽拖慢网页打开速度。

标准先进
支持 WAI-ARIA，通过标准 XHTML 代码提供渐进增强，保证低端环境可访问性。

美观多变
提供近 20 种预设主题，并可自定义多达 60 项可配置样式规则，提供 24 种背景纹理选择。

开放公开
从结构规划到代码编写，全程开放，文档、代码、讨论，人人均可参与。

强力支持
Google 为发布代码提供 CDN 内容分发网络支持。

完整汉化
开发包内置包含中文在内的 40 多种语言包。

缺点、不足
1.代码不够健壮：缺乏全面的测试用例，部分组件 Bugs 较多，不能达到企业级产品开发要求。
2.构架规划不足：组件间 API 缺乏协调，缺乏配合使用帮助。
3.控件较少：相对于 Dojo、YUI、Ext JS 等成熟产品，可用控件较少，无法满足复杂界面功能要求。