javascript簡(jiǎn)單表單驗(yàn)證小實(shí)驗(yàn)

1、Javript介紹介紹HTML頁(yè)面是一棵文檔樹(shù)，這個(gè)樹(shù)的根是標(biāo)簽，js則處于HTML中的一對(duì)標(biāo)簽中，在js中，可以通過(guò)標(biāo)簽的名字或者id來(lái)得到一個(gè)標(biāo)簽元素用法為：document.getElementById(“id”)或者也可以通過(guò)標(biāo)簽名來(lái)得到元素，不過(guò)這樣得到的是一組元素，用法：document.getElementsByTagName(“tagname”)。以下是一個(gè)js表單驗(yàn)證的例子：javripttestfunctionche

2、ck()得到id為name的標(biāo)簽元素varname=document.getElementById(“name“)得到id為age的標(biāo)簽元素varage=document.getElementById(“age“)value為name標(biāo)簽的一個(gè)屬性，值是用戶輸入到文本框中的文本，判斷輸入是否為空if(name.value==““)彈出警告框，提示姓名不能為空alert(“姓名不能為空！“)返回flasereturnfalseif(age

3、.value==““)alert(“年齡不能為空！“)returnfalsematch為正則匹配，“[09]“表示0到9中的任意一個(gè)數(shù)字，““表示重復(fù)一次或多次if(!age.value.match(“[09]“))alert(“不合法的年齡！“)returnfalsename:age:這里大量使用了document.getElementById(“”)方法，這是很常用的一個(gè)方法，大家應(yīng)該銘記在心里。注意一點(diǎn)，此處用了提交按鈕，即，因?yàn)?/p>

4、是提交按鈕，它自動(dòng)觸發(fā)提交事件，但當(dāng)onclick=”returnfalse”時(shí)，它不會(huì)觸發(fā)提交事件，我們也可以用一個(gè)button來(lái)代替submit不過(guò)這樣，它默認(rèn)不會(huì)觸發(fā)提交事件，即使onclick=”returntrue”時(shí)，它也不會(huì)提交表單，這時(shí)，得顯式的在check函數(shù)中加上一句代碼，通過(guò)id得到要提交的表單，調(diào)用submit()方法，即：functioncheck()...document.getElementById(“fm