#######帳戶、密碼格式···正則驗證:網站
涉及的知識點:
1.xxx.onblur事件
2.正則寫法
3.正則的驗證
在各大網站中,咱們常常會被要求註冊後,才能用某些功能,因此咱們就須要註冊,進而衍生出對咱們的帳號或者密碼的註冊格式的驗證!
如下是最基本,也是最簡單的驗證功能。
若是咱們要對原生DOM節點的操做,千篇一概的始終是取到這個元素。
```代碼以下:
<script>
var username = document.querySelector("#username");
username.onblur = function() {
//本身設定一個正則/^[a-zA-Z].{5,19}/
if(/^[a-zA-Z].{5,19}/.test(this.value)){
//咱們在這裏又遇見了this,我再重申一遍:this玩不明白,是得不到UI小姐姐的愛的。
document.querySelector("#yes").innerHTML = "√";
}else{
document.querySelector("#yes").innerHTML = "×"
}
}
//密碼的設定同上
var password = document.querySelector("#password");
password.onblur = function () {
if (/[0-9]{6}/.test(this.value)) {
//alert("對了")
document.querySelector("#no").innerHTML = "√"
} else {
//alert("錯了")
document.querySelector("#no").innerHTML = "×";
}
}
</script>
簡單的搭建,並無太多了技術含量,只是但願衆多讀者能從中理解最基本的原理,而後在本身設計的代碼上錦上添花。複製代碼