JavaScript編制留言簿程序代碼第1/3頁(yè)

更新時(shí)間：2008年09月08日 21:07:57 作者：

也許你有一個(gè)很酷的主頁(yè)，很希望與人分享。同時(shí)，你希望訪問(wèn)你主頁(yè)的人能對(duì)你的主頁(yè)提供一些意見(jiàn)和建議，或者你對(duì)某個(gè)主題感興趣，而希望客人也許能給你一幫助，這就要用到留言簿。留言簿使得你能與每一個(gè)訪問(wèn)你主頁(yè)的人交換信息。

怎樣編制留言簿程序呢？留言簿程序并不難，有很多選擇可以實(shí)現(xiàn)，如CGI程序等等。本文介紹怎樣用JavaScript編制留言簿程序，下面是一個(gè)完整的例子。

----我們提供了一個(gè)表單，表單里有姓名、客人的電子郵件地址、使用的瀏覽器版本、國(guó)家名、意見(jiàn)和建議和所喜歡的站點(diǎn)等等。客人填寫完這些字段后，按Submit按鈕，信息就會(huì)通過(guò)電子郵件的形式寄給你。程序中提供了幾個(gè)函數(shù)，大部分是用來(lái)對(duì)字段進(jìn)行合法性檢查的。下面我們對(duì)函數(shù)作一個(gè)簡(jiǎn)單的說(shuō)明。
----函數(shù)Reset()按Reset按鈕后對(duì)各字段的內(nèi)容復(fù)位。
----函數(shù)submitForms()按submit按鈕后對(duì)字段合法性檢查后發(fā)送電子郵件。
----函數(shù)isName()對(duì)姓名字段進(jìn)行合法性檢查。
----函數(shù)isEmail()對(duì)電子郵件地址字段進(jìn)行合法性檢查。
----函數(shù)isBrowser()對(duì)瀏覽器字段與自動(dòng)檢測(cè)的瀏覽器版本進(jìn)行比較。
----函數(shù)isCountry()對(duì)國(guó)家字段進(jìn)行合法性檢查。
----函數(shù)isComment()對(duì)意見(jiàn)字段進(jìn)行合法性檢查，不允許為空值。
----函數(shù)isFavorite()對(duì)喜歡的站點(diǎn)字段進(jìn)行合法性檢查，不允許為空值。
----程序中還提供了一些技巧，例如，如何判斷瀏覽器的版本，字符串的操作等等。
----結(jié)果是以電子郵件的形式提供給你的，里面有客人輸入的各個(gè)字段。程序比較長(zhǎng)，但不難看懂，下面是源代碼：

12 3 下一頁(yè)閱讀全文

您可能感興趣的文章:

相關(guān)文章

詳解uniapp如何處理圖片加載過(guò)程中的錯(cuò)誤
這篇文章給大家詳細(xì)介紹了uniapp如何處理圖片加載過(guò)程中的錯(cuò)誤,文章通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2023-10-10
JS實(shí)現(xiàn)留言板功能[樓層效果展示]
小編最近在基于js實(shí)現(xiàn)留言板功能，實(shí)現(xiàn)的功能有發(fā)布人和發(fā)布內(nèi)容做非空校驗(yàn)，樓層效果展示和發(fā)布時(shí)間展示。具體實(shí)例代碼大家參考下本文
2017-12-12
javascript 表格內(nèi)容排序簡(jiǎn)單操作示例代碼
本文為大家詳細(xì)介紹下javascript實(shí)現(xiàn)表格內(nèi)容排序，喜歡的朋友可以參考下
2014-01-01
Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn)
這篇文章主要介紹了Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn),以及easyUI Tree顯示選中節(jié)點(diǎn)的所有父節(jié)點(diǎn)的實(shí)現(xiàn)代碼，需要的朋友可以參考下
2017-02-02
js中hash和ico的關(guān)聯(lián)分析
這篇文章主要介紹了js中hash和ico的關(guān)聯(lián)分析,以實(shí)例形式分析了location.hash與ico的加載順序關(guān)系,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
Firebug入門指南(Firefox瀏覽器)
據(jù)說(shuō)，對(duì)于網(wǎng)頁(yè)開(kāi)發(fā)人員來(lái)說(shuō)，F(xiàn)irebug是Firefox瀏覽器中最好的插件之一。
2010-08-08
微信/支付寶小程序?qū)崿F(xiàn)彈窗動(dòng)畫縮放到某個(gè)位置的示例代碼
本文詳細(xì)介紹了如何使用HTML、CSS和JavaScript實(shí)現(xiàn)動(dòng)畫函數(shù),包括參數(shù)設(shè)置和動(dòng)畫過(guò)程中的狀態(tài)管理,文章還涉及了如何獲取DOM元素、設(shè)置動(dòng)畫開(kāi)始和結(jié)束的回調(diào)函數(shù),感興趣的朋友跟隨小編一起看看吧
2024-10-10
原生Js Canvas去除視頻綠幕背景的方法實(shí)現(xiàn)
本文主要介紹了原生Js Canvas去除視頻綠幕背景的方法實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-09-09
layui實(shí)現(xiàn)數(shù)據(jù)表格隱藏列的示例
今天小編就為大家分享一篇layui實(shí)現(xiàn)數(shù)據(jù)表格隱藏列的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
js將URL網(wǎng)址轉(zhuǎn)為16進(jìn)制加密與解密函數(shù)
這篇文章主要介紹了js將URL網(wǎng)址轉(zhuǎn)為16進(jìn)制加密與解密函數(shù)，很多朋友喜歡將網(wǎng)址轉(zhuǎn)換為16進(jìn)制，網(wǎng)上實(shí)在找不到轉(zhuǎn)換為\x這樣的工具，于是手工改一下
2020-03-03