javascript表單驗證使用示例(javascript驗證郵箱)
被 JavaScript 驗證的這些典型的表單數(shù)據(jù)有：
用戶是否已填寫表單中的必填項目？
用戶輸入的郵件地址是否合法？
用戶是否已輸入合法的日期？
用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本？
必填（或必選）項目
下面的函數(shù)用來檢查用戶是否已填寫表單中的必填（或必選）項目。假如必填或必選項為空，那么警告框會彈出，并且函數(shù)的返回值為 false，否則函數(shù)的返回值則為 true（意味著數(shù)據(jù)沒有問題）：
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
E-mail驗證（驗證郵箱）
下面的函數(shù)檢查輸入的數(shù)據(jù)是否符合電子郵件地址的基本語法。
意思就是說，輸入的數(shù)據(jù)必須包含 @ 符號和點號(.)。同時，@ 不可以是郵件地址的首字符，并且 @ 之后需有至少一個點號：
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
實例:
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
相關(guān)文章
Google 爬蟲如何抓取 JavaScript 的內(nèi)容
我們測試了谷歌爬蟲是如何抓取 JavaScript，下面就是我們從中學(xué)習(xí)到的知識,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js函數(shù)和this用法,結(jié)合實例形式分析了js函數(shù)和this基本功能、原理、使用方法與操作注意事項,需要的朋友可以參考下2020-03-03
圖片輪換效果實現(xiàn)代碼(點擊按鈕停止執(zhí)行)
在這個實例中需要注意的是，要把images文件夾下圖片的命名設(shè)置為有順序的，1、2、3..才可以，感興趣的朋友可以參考下2013-04-04
PostCSS是一個用JavaScript編寫的插件工具,它可以幫助我們對CSS進(jìn)行模塊化、自動化處理和優(yōu)化,這篇文章主要介紹了JS中postcss插件實現(xiàn)vw適配,需要的朋友可以參考下2025-01-01
取消單選按鈕選中并判斷對象是否為空，在項目中也是比較常見的，下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
JavaScript實現(xiàn)獲取dom中class的方法
這篇文章主要介紹了JavaScript實現(xiàn)獲取dom中class的方法,涉及javascript操作dom節(jié)點的使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了JavaScript仿windows計算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹一個圖片閃動特效，可以控制間隔時間如幾分鐘閃動一下,需要的朋友不要錯過2014-08-08
這篇文章主要介紹了JS實現(xiàn)密碼框的顯示密碼和隱藏密碼功能,涉及javascript針對頁面form表單元素動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12
FileReader?包含了一套完整的事件模型,用于捕獲讀取文件時的狀態(tài),下面這篇文章主要給大家介紹了關(guān)于JS前端文件讀取FileReader操作方法的相關(guān)資料,需要的朋友可以參考下2024-08-08