主頁 > 知識庫 > ASP中JavaScript處理復雜表單的生成與驗證第1/3頁

ASP中JavaScript處理復雜表單的生成與驗證第1/3頁

這里所謂的復雜表單，是指表單中包含多種不同的輸入類型，比如下拉列表框、單行文本、多行文本、數(shù)值等。在經(jīng)常需要更換這類表單的場合，需要有一個表單的動態(tài)生成程序。本文介紹的正是這樣一個系統(tǒng)，它以數(shù)據(jù)庫保存表單定義數(shù)據(jù)，利用ASP腳本動態(tài)生成表單HTML代碼以及驗證表單輸入的腳本。
　　一、定義數(shù)據(jù)庫表結構
　　在Web上經(jīng)?？梢钥吹健懊恐苷{(diào)查”之類的表單，這就是一種需要經(jīng)常更新的表單。如果有一個動態(tài)生成表單及其驗證腳本的程序，可以大大減少制作這些表單的工作量。
　　在本文的動態(tài)表單生成與驗證示例中，我們使用一個Access數(shù)據(jù)庫來存儲有關表單的定義信息，同時為簡單計，用戶在表單中輸入的數(shù)據(jù)也保存到同一數(shù)據(jù)庫。定義表單需要兩個表：第一個表(Definitons)用于表單輸入域的定義，第二個表(Lists)保存各個輸入域的附加信息，比如選擇列表的選擇項。
　　表Definitons包含如下字段：
FieldName —— 賦予表單輸入域的變量名字
Label —— 即文本標簽，顯示在輸入域前面的提示性文字
Type —— 單個字符，該字符表示表單輸入域的形式和輸入值的類型
　　具體如下：
　　(t) 文本輸入框，即 INPUT TYPE="TEXT" >。
　　(n) 文本輸入框，但要求輸入數(shù)字值。
　　(m) 備注型內(nèi)容，用于注釋或其他大量文本的輸入，它是一個多行文本編輯框。
　　(b) 要求輸入“是”或“否”。本實現(xiàn)中將用復選框來獲取這種輸入，復選框的文本標簽為“是”。如果用戶選中它，則返回值是“on”。
　　(r) 單選按鈕。
　　(l) 下拉列表框。
　　Min —— 僅對數(shù)字型輸入值有效，在這里給出最小值。在本例中有一個“Age”(年齡)數(shù)字型輸入框，它的最小值設定為1。
　　Max —— 該字段的值與輸入域形式有關。對于數(shù)字型輸入框，它表示的是允許的最大值。例如“Age”的Max值為100。對于文本輸入框，Max表示允許的最多字符個數(shù)。對于多行文本編輯框，Max表示可見區(qū)域的文本行數(shù)。
　　Required —— 表示是否必須輸入。這種類型的值如果沒有輸入，則輸入驗證程序將報告錯誤。在表單中，必須輸入的值以星號標記，并以腳注的形式提示用戶該類值必須輸入。
　　本文的示例表單是一個ASP程序員調(diào)查表，在Definitons表中該表單的定義主要如下：
　　FieldName Label Type Min Max Required
　　Name 姓名文本(t) - 50 否
　　Age 年齡數(shù)字(n) 1 100 否
　　Sex 性別單選按鈕(r) - - 是
　　E-mail 郵件地址文本(t) - - 是
　　Language 編程語言下拉列表框(l) - - 否
　　表Lists用于保存輸入域定義的一些附加信息，本例有“Sex”和“Languages”兩個輸入值要用到它。表Lists非常簡單，只包含如下三個字段：
　　FieldName —— 當前記錄屬于哪個表單輸入域
　　Value —— 選擇項的值
　　Label —— 用戶所看到的選擇項的提示文本
　　輸入域“Sex”只能從兩個值選?。骸澳小被颉芭薄！癓anguage”列出了幾種可應用于ASP環(huán)境的編程語言，包括：VBScript，JavaScript，C，Perl和“其他”。
　　第三個表“Records”保存用戶提交的內(nèi)容，它也包含三個字段，每個記錄對應用戶的一次提交：
　　Record —— 備注類型，以查詢字符串形式保存的用戶輸入。
　　Created —— 用戶提交該表單的日期和時間。 RemoteIP —— 表單提交者的IP地址。
　　在實際應用中可能要收集更多有關用戶的信息，為簡單計，本例只記錄提交時間和用戶IP地址這兩個附加信息。
　　二、準備工作
　　在完成上述數(shù)據(jù)結構和表單的定義之后，接下來就可以編寫腳本。腳本的任務是生成表單以及處理用戶提交的表單。
　　無論是表單的生成還是處理，以下三個過程(任務)都是必不可少的：第一是確定驗證類型，在生成表單時驗證類型值通過查詢字符串獲得，在處理表單時從表單隱藏域讀取。程序支持的表單驗證方式共有以下四種類型：不進行驗證，客戶端JavaScript驗證，服務器端ASP腳本驗證，客戶端和服務器端都進行驗證(代號分別為0到3)。如果沒有在查詢字符串中指定合法的驗證方式，則默認第四種驗證方式。這種驗證處理方式使得我們可以靈活地應用這個表單生成、處理系統(tǒng)，當客戶端禁止使用JavaScript驗證時就可以僅在服務器端執(zhí)行驗證過程。下面是確定驗證類型的代碼：
　　檢查驗證類型
以下是引用片段：
　　iValType = Request.QueryString("val")
　　If IsNumeric(iValType) = False Then iValType = 3
　　If iValType > 3 or iValType 0 Then iValType =3
第二個任務是打開數(shù)據(jù)庫連接，創(chuàng)建兩個記錄集對象：RS對象，這是本程序中的主要記錄集對象，用來操作Definitions表;RSList對象，主要用于從Lists表讀取數(shù)據(jù)。示例程序提供兩種數(shù)據(jù)庫連接方法：使用ODBC DSN或不使用ODBC DSN(使用DSN時需要先創(chuàng)建名為Dynamic的DSN，使用DSN連接數(shù)據(jù)庫的代碼已經(jīng)被注釋掉)。
　　第三個任務是在生成(或處理)表單腳本的前面(和后面)輸出一些靜態(tài)的HTML代碼，比如 HEAD > /HEAD >，以及在腳本運行結束的時候釋放RS、RSList等對象占用的資源。
　　除了完成上述任務的代碼外，示例應用中其余ASP腳本可能生成的頁面有兩種類型：提問表單(見上圖)以及表單提交后出現(xiàn)的結果頁面(后者同時還負責用戶提交結果的記錄)。要確定究竟運行哪一部分腳本，最簡單的方法就是檢查是否已經(jīng)提交表單：如是，則處理表單;否則生成表單。
　　是生成表單還是處理表單?

　　If Len(Request.Form) = 0 Then
　　'生成表單
　　...略...
　　Else
　　'處理表單
　　...略...
　　End If

123下一頁閱讀全文

您可能感興趣的文章:

ASP之處理用Javascript動態(tài)添加的表單元素數(shù)據(jù)的代碼
javascript 解決表單仍然提交即使監(jiān)聽處理函數(shù)返回false
jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
javascript處理表單示例(javascript提交表單)
JavaScript 表單處理實現(xiàn)代碼
js實現(xiàn)表單多按鈕提交action的處理方法
JSP針對表單重復提交的處理方法
基于JavaScript將表單序列化類型的數(shù)據(jù)轉化成對象的處理（允許對象中包含對象）
js表單處理中單選、多選、選擇框值的獲取及表單的序列化
javascript表單處理具體實現(xiàn)代碼(表單、鏈接、按鈕)

標簽：衡水大理蚌埠棗莊江蘇廣元萍鄉(xiāng) 衢州

巨人網(wǎng)絡通訊聲明：本文標題《ASP中JavaScript處理復雜表單的生成與驗證第1/3頁》，本文關鍵詞；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。

佳木斯湛栽影视文化发展公司

ASP中JavaScript處理復雜表單的生成與驗證第1/3頁

QQ咨詢

電話咨詢