實例講解js驗證表單項是否為空的方法
更新時間：2016年01月09日 18:51:48 作者：程序員小菜
這篇文章主要以實例方式向大家講解了js驗證表單項是否為空的方法，感興趣的朋友可以參考一下
表單驗證幾乎在每一個需要注冊或者登陸的網(wǎng)站是必不可少的，有些驗證則非常的復(fù)雜，可以說是各種各樣給你的要求，不過本章節(jié)只介紹一下表單中最簡單的驗證方式，就是判斷是否為空，有些要求比較低的網(wǎng)站對此已經(jīng)滿足需要了。
代碼如下:
<html>
<head>
<meta charset="gb2312">
<title>js簡單表單驗證</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實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法
這篇文章主要介紹了javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法,設(shè)計鼠標(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()加載順序，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
整理一些JavaScript的IE和火狐的兼容性解決方法，有更好的方法多多交流2011-03-03
JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例
這篇文章主要介紹了JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之新手環(huán)境配置，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
dispatchEvent解決重疊元素響應(yīng)事件示例詳解
這篇文章主要為大家介紹了dispatchEvent解決重疊元素響應(yīng)事件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要介紹了微信小程序 下拉刷新及上拉加載實現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
這篇文章主要為大家詳細(xì)介紹了JS與JQuery分別實現(xiàn)淘寶五星好評特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
本文主要分享了js返回頂部的實例代碼?？蓮?fù)制直接運行，方便快捷。有很好的參考價值，需要的朋友一起來看下吧2016-12-12