很簡單的表單檢測

標籤：

---恢複內容開始---

<html>

　　<head>

　　　　<script>

　　　　window.onload=function(){

　　　　　　var form=document.getElementsByTagName(‘form‘)[0];　　　　//擷取到form元素

　　　　　　var txt=form.elemenets[‘txt‘];　　　　　　　　　　　　　　　　

　　txt.onfocus{　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//焦點聚集時觸發事件

　　　　this.style.border="1px solid blue";　　　　　　　　　　　　　　　　//邊框的顏色為藍色

　　}

　　txt.onblur{　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//焦點失去的時候觸發事件

 

　　　　　　if(/\D{4}/.test(txt.value)){　　　　　　　　　　　　　　　　　　//判斷輸入的文本是否超過4位元的非數字文本

　　　　this.style.border=‘1px solid green‘;　　　　　　　　　　　　　　　　//如果是就邊框為綠色

　　}else{

　　　　this.style.border=‘1px solid red‘;　　　　　　　　　　　　　　　　//如果不是邊框為紅色

　　}

 

　　}

}

 

　　　　</script>

　　</head>

　　<body>

　　　　<form>

　　　　　　<input type="text" >請輸入帳號不能少於4位元，並且不是位元字<br>

　　　　</form>

　　</body>

</html>

---恢複內容結束---

很簡單的表單檢測