實(shí)例講解js驗(yàn)證表單項(xiàng)是否為空的方法

更新時間：2016年01月09日 18:51:48 作者：程序員小菜

這篇文章主要以實(shí)例方式向大家講解了js驗(yàn)證表單項(xiàng)是否為空的方法，感興趣的朋友可以參考一下

表單驗(yàn)證幾乎在每一個需要注冊或者登陸的網(wǎng)站是必不可少的，有些驗(yàn)證則非常的復(fù)雜，可以說是各種各樣給你的要求，不過本章節(jié)只介紹一下表單中最簡單的驗(yàn)證方式，就是判斷是否為空，有些要求比較低的網(wǎng)站對此已經(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)容，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)在網(wǎng)頁任意處點(diǎn)左鍵彈出隱藏菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)在網(wǎng)頁任意處點(diǎn)左鍵彈出隱藏菜單的方法,設(shè)計(jì)鼠標(biāo)事件及css樣式操作的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
優(yōu)雅的使用javascript遞歸畫一棵結(jié)構(gòu)樹示例代碼
這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的使用javascript遞歸畫一棵結(jié)構(gòu)樹的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
小程序頁面onload(),onready()加載順序詳解
本文主要介紹了小程序頁面onload(),onready()加載順序，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
整理一些JavaScript的IE和火狐的兼容性注意事項(xiàng)
整理一些JavaScript的IE和火狐的兼容性解決方法，有更好的方法多多交流
2011-03-03
JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實(shí)例
這篇文章主要介紹了JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-12-12
微信小程序云開發(fā)之新手環(huán)境配置
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之新手環(huán)境配置，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
dispatchEvent解決重疊元素響應(yīng)事件示例詳解
這篇文章主要為大家介紹了dispatchEvent解決重疊元素響應(yīng)事件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
微信小程序下拉刷新及上拉加載原理解析
這篇文章主要介紹了微信小程序下拉刷新及上拉加載實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-11-11
JS與JQuery分別實(shí)現(xiàn)淘寶五星好評特效
這篇文章主要為大家詳細(xì)介紹了JS與JQuery分別實(shí)現(xiàn)淘寶五星好評特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
js返回頂部實(shí)例分享
本文主要分享了js返回頂部的實(shí)例代碼?？蓮?fù)制直接運(yùn)行，方便快捷。有很好的參考價值，需要的朋友一起來看下吧
2016-12-12