自定义动画
一.单词部分：
①animate动画②remove移除③validity有效性 ④required匹配⑤pattern模式
二.预习部分
1.简述JavaScript事件和jquery事件方法不同
前者需要在 前面加on后者不要
2.调用执行jquery中的hasclass()方法能实现什么功能
查找是否有这个样式
3.validity:对象有哪些常用属性
toolong:判断输入的值是否超过限定字符
typemismatch:输入值是否与表单匹配
customError:自定义验证提示信息
valueMIssing:表单必填项
patternMismatch:输入的值是否与pattern特性的正则表达式一样
rangeUnderflow:输入的值小于min特性的值，如果 输入的数值小于最小值则返回true
rangeOverflow：输入的值 是否大于max特性的值如果正确返回true
三.英雄难过棍子关游戏源码（如果有不懂的可私信下方附联系方式）
下载地址 ：
http://download.csdn.net/detail/qq_35961866/9885045
四.使用HTML5方式验证博客园用户注册页面
//用户名只能由英文字母和数字组成长度为4~16个字符并且以英文字母开头
//密码只能英文字母或数字长度4~10个字符
//手机号码只能是1开头的11为数字
//生日年份为1900~2016，生日格式为1980-5-12或1988-05-04
/**
* Created by cd on 2017/6/29.
*/
$(document).ready(function () {
$(".btn").click(function () {
var u=document.getElementById("user");
var p=document.getElementById("pwd");
if(u.validity.patternMismatch==true){
u.setCustomValidity("用户名必须是字母开头的4~16位的英文字母或数字");
}else{
u.setCustomValidity("");
}
if(p.validity.patternMismatch==true){
p.setCustomValidity("密码必须是4~10位英文字母或数字");
}else{
p.setCustomValidity("");
}
})
})
四.总结
1.html5新增属性
placeholder 提供输入区域显示内容
required 规定输入域不能为空
pattern 规定验证输入与正则是否匹配
2.validity属性的validityState对象的属性
valueMissing 必填项 要求表单设置了required特性
typeMismatch 输入值是否和type匹配
patternMismatch 输入值是否和正则匹配
toolong 内容是否大于最大
rangUnderflow 输入值小于min特性的值
rangOverflow 输入值大于max特性的值
customError 使用自定义的验证错误提示信息
欢迎提问，欢迎指错，欢迎讨论学习信息 有需要的私聊 发布评论即可 都能回复的
原文在博客园http://www.cnblogs.com/a782126844/有需要可以联系扣扣：2265682997
