自定義動畫 一.單詞部分： ①animate動畫②remove移除③validity有效性 ④required匹配⑤pattern模式 二.預習部分 1.簡述JavaScript事件和jquery事件方法不同 前者需要在 前面加on後者不要 2.調用執行jquery中的hasclass()方法能實現 ...
自定義動畫
一.單詞部分：
①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
