accp8.0转换教材第9章JQuery相关知识理解与练习

Posted 2020-09-26

自定义动画

一.单词部分：

①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