表單驗(yàn)證幾乎在每一個(gè)需要注冊(cè)或者登陸的網(wǎng)站是必不可少的，有些驗(yàn)證則非常的復(fù)雜，可以說是各種各樣給你的要求，不過本章節(jié)只介紹一下表單中最簡單的驗(yàn)證方式，就是判斷是否為空，有些要求比較低的網(wǎng)站對(duì)此已經(jīng)滿足需要了。
代碼如下:

<html> 
<head> 
<meta charset="gb2312"> 
<title>js簡單表單驗(yàn)證</title> 
<script type="text/javascript">
window.onload=function()
{
 var bt=document.getElementById("bt");
 bt.onclick=function()
 {
  if(document.myform.name.value=="")
  {
   alert("用戶名不能為空!");
   document.myform.name.focus();
   return false;
  } 
  else if(document.myform.pw.value=="")
  {
   alert("密碼不能為空!");
   document.myform.pw.focus();
   return false; 
  }
 }
}
</script>
</head>
<body>
<form action="index.php" method="get" name="myform">
<ul>
 <li>姓名:<input type="text" name="name" id="name" /></li>
 <li>密碼:<input type="text" name="pw" id="age" /></li>
 <li><input type="submit" id="bt"/></li>
</ul>   
</form>
</body>
</html>

以上就是本文的詳細(xì)內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS進(jìn)階之從多線程到Event?Loop全面梳理
JS是通過事件隊(duì)列(Event?Loop)的方式來實(shí)現(xiàn)異步回調(diào)的，但對(duì)很多初學(xué)JS的人來說，根本搞不清楚單線程的JS為什么擁有異步的能力，所以本文將從進(jìn)程、線程的角度來解釋這個(gè)問題
2023-05-05
JS實(shí)現(xiàn)網(wǎng)頁右側(cè)帶動(dòng)畫效果的伸縮窗口代碼
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁右側(cè)帶動(dòng)畫效果的伸縮窗口代碼,通過JavaScript基于時(shí)間函數(shù)實(shí)現(xiàn)頁面元素樣式漸變效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
淺談JavaScript中null和undefined
本文對(duì)比分析了javascript中的null和underfined的相同點(diǎn)和不同點(diǎn)，算是一個(gè)小小的總結(jié)，希望對(duì)大家學(xué)習(xí)javascript能夠有所幫助。
2015-07-07
JavaScript驗(yàn)證一個(gè)url的方法總結(jié)
最近遇到幾次需要校驗(yàn)URL的,使用這篇文章小編就為大家整理了一下幾個(gè)JavaScript校驗(yàn)URL的方法,文中的示例代碼簡潔易懂,感興趣的小伙伴可以了解一下
2023-12-12
一個(gè)支持ff的modaldialog的js代碼
一個(gè)支持ff的modaldialog的js代碼...
2007-03-03
微信APP生命周期及頁面生命周期示例詳解
這篇文章主要為大家介紹了微信APP生命周期及頁面生命周期當(dāng)然示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪
2022-04-04
js讀取本地文件的實(shí)例
下面小編就為大家分享一篇js讀取本地文件的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
JS中關(guān)于ES6?Module模塊化的跨域報(bào)錯(cuò)問題解決
這篇文章主要介紹了JS中關(guān)于ES6?Module模塊化的跨域報(bào)錯(cuò),ES6模塊化提供了export命令和import?命令，對(duì)于模塊的導(dǎo)出和引入，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2023-07-07
javascript刪除字符串最后一個(gè)字符
需求是一個(gè)字符串，想刪除這個(gè)字符串最后一個(gè)字符，比如“1,2,3,4,5,”，刪除最后一個(gè)“,”用javascript怎么實(shí)現(xiàn)？下面給出三種方法
2014-01-01
JS 將字符串中指定字符全局替換的方法
JavaScript 中的 replace() 方法用于將字符串或其中的子字符串替換為指定字符，或替換一個(gè)與正則表達(dá)式匹配的子串，這篇文章主要介紹了JS 將字符串中指定字符全局替換,需要的朋友可以參考下
2023-07-07