第四章Servlet處理表單數(shù)據(jù)

JavaWeb開發(fā)天津師范大學(xué)劉洋第四章Servlet處理表單數(shù)據(jù)HTML表單Servlet接收HTML表單信息JSValidation驗證框架FCKeditor更多參考信息HTML表單客戶通過瀏覽器可以發(fā)送給Web服務(wù)器的請求一共有7種，“POST、GET、PUT、DELETE、OPTIONS、HEAD和TRACE”,但是在實際的Web編程中，我們只需要關(guān)注“POST”和“GET”請求，而其它的5種請求極少使用。POST請求是通過HTML中表單（Form）進(jìn)行發(fā)送的，表單中包括了不同形式的輸入組件Inputtext、Inputpassword、Inputradio、Inputcheckbox、Select單選、Select多選、Textarea

Submit按鈕、Reset按鈕HTML表單

Form標(biāo)記使用的基本語法如下。<formmethod="post"action="/servlet/addMessage"></form>HTML表單Inputtext<formmethod="post“action="/servlet/login">用戶名：<inputtype="text"name="username"size="16"maxlength="8"value="Liuwei"></form>HTML表單

Inputpassword<formmethod="post"action="/servlet/login">密碼：<inputtype="password"name="password"size="20"maxlength="8"></form>HTML表單

Inputradio<formmethod="post"action="/servlet/login">請選擇您的性別：<inputname="gender"type="radio"value="male"checked>男<inputname="gender"type="radio"value="female">女</form>HTML表單

Inputcheckbox<formmethod="post"action="/servlet/login">請選擇您的興趣：<inputname="interest"type="checkbox"value="movie">看電影<inputname="interest"type="checkbox"value="music">聽音樂<inputname="interest"type="checkbox"value="tv">看電視<inputname="interest"type="checkbox"value="sing">唱歌</form>HTML表單

Select單選<formmethod="post"action="/servlet/login">請選擇您的出生地：<selectname="city"><optionvalue="Beijing">北京</option><optionvalue="Tianjin">天津</option><optionvalue="Shanghai">上海</option><optionvalue="Chongqing"selected>重慶</option><optionvalue="etc">其它</option></select></form>HTML表單

Select多選<formmethod="post"action="/servlet/login">請選擇您的興趣：<selectname="interest"multiplesize="5"><optionvalue="movie">看電影</option><optionvalue="music">聽音樂</option><optionvalue="tv">看電視</option><optionvalue="sing">唱歌</option></select></form>HTML表單

Textarea<formmethod="post"action="/servlet/guestbook">留言內(nèi)容：<textareaname="comment"rows="10"cols="40">大家好</textarea></form>HTML表單

Submit按鈕<formmethod="post"action="/servlet/login"><inputtype="submit"name="submit"value="確定"></form>HTML表單

Reset按鈕<formmethod="post"action="/servlet/login">用戶名：<inputname="username"size="16"maxlength="16"><inputtype="reset"value="重新輸入"></form>Servlet接收HTML表單信息publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{

response.setContentType("text/html;charset=utf-8");

PrintWriterout=response.getWriter(); … out.println("<formmethod=\"post\"action=\""+request.getContextPath() +"/servlet/loginForm\">"); … out.println("用戶名:</td><td>"); out.println("<inputtype=\"text\"name=\"username\"size=\"20\">"); out.println("</td></tr><tr><td>"); out.println("密碼:</td><td>"); out.println("<inputtype=\"password\"name=\"password\"size=\"20\">"); … out.println("<td><inputtype=\"submit\"value=\"登錄\"></td></tr>"); …

out.flush(); out.close(); }Servlet接收HTML表單信息publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ response.setContentType("text/html;charset=utf-8"); …request.setCharacterEncoding("utf-8");…

Stringusername=request.getParameter("username"); Stringpassword=request.getParameter("password");

if(username==null||username.length()==0||password==null ||password.length()==0){ out.println("<h2>輸入用戶名和密碼不正確！</h2>"); out.println("<br><ahref=\""+request.getContextPath() +"/servlet/loginForm\">請重新登錄</A>"); }else{ out.println("<h2>用戶輸入信息：</h2>"); out.println("<strong>用戶名："+username+"</strong><br>"); out.println("<strong>密碼"+password+"</strong><br>"); } … }解決表單中文參數(shù)亂碼HTML表單增加JavaScript驗證

<formname="form1"action="/webproject2/servlet/login"method="post"onsubmit="returnvalidate(this)"><tableborder="0"><tr><td>用戶名：</td><td><inputtype="text"name="username"></td></tr><tr><td>密碼：<br></td><td><inputtype="password"name="password"></td></tr><tr><tdcolspan="2"align="center"><inputtype="submit"name="submit"value="登錄"></td></tr></table></form>

HTML表單增加JavaScript驗證<scriptlanguage="JavaScript"> functionvalidate(myform){ if(myform.username.value.length==0){ alert("請?zhí)顚懹脩裘?); myform.username.focus(); returnfalse; } if(myform.password.value.length==0){ alert("請?zhí)顚懨艽a！"); myform.password.focus(); returnfalse; } returntrue; }</script>網(wǎng)絡(luò)調(diào)查表html<formmethod="post"action="/webproject2/servlet/survey"><tableborder="0"><tr><tdalign="right">姓名：</td><tdcolspan="2"align="left"><inputtype="text"name="name"size="40"></td></tr>…<tr><td><inputtype="reset"value="reset"><inputtype="submit"value="submit"></td></tr></table></form>網(wǎng)絡(luò)調(diào)查表/webproject2/servlet/surveypublicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ … out.println("<strong>用戶名："+filter(request.getParameter("name")) +"</strong><br>"); out.println("<strong>email："+filter(request.getParameter("email")) +"</strong><br>"); out.println("<strong>年紀(jì)："+request.getParameter("age") +"</strong><br>"); out.println("<strong>編程時間："+request.getParameter("codetime") +"</strong><br>"); out.println("<strong>使用的操作系統(tǒng)：</strong>"); printValues(out,request.getParameterValues("os")); out.println("<strong>使用的編程語言：</strong>"); printValues(out,request.getParameterValues("language")); out.println("<strong>建議："+filter(request.getParameter("comment")) +"</strong><br>"); … }網(wǎng)絡(luò)調(diào)查表filterpublicStringfilter(Stringinput){ if(input==null){ returnnull; } if(input.length()==0){ returninput; } input=input.replaceAll("&","&"); input=input.replaceAll("<","<"); input=input.replaceAll(">",">"); input=input.replaceAll(""," "); input=input.replaceAll("'","'"); input=input.replaceAll("\"","""); returninput.replaceAll("\n","<br>"); }網(wǎng)絡(luò)調(diào)查表printValuespublicvoidprintValues(PrintWriterout,String[]values){ if(values==null||values.length==0){ return; } out.println("<ul>"); for(inti=0;i<values.length;i++){ out.println("<li>"+values[i]+"</li>"); } out.println("</ul>"); }JSValidation驗證框架JSValidation驗證框架的官方網(wǎng)址為：/projects/jsvalidation下載JSValidationJSValidation驗證框架支持13種驗證規(guī)則。輸入內(nèi)容非空輸入數(shù)值必須為整數(shù)輸入數(shù)值必須為雙精度浮點數(shù)輸入字符必須為普通英文字符（字母，數(shù)字，下劃線）輸入字符必須為中文字符輸入的內(nèi)容是否為Email格式輸入內(nèi)容最大長度輸入內(nèi)容最小長度輸入的內(nèi)容是否為日期格式（yyyy-mm-dd）自定義的正則表達(dá)式輸入數(shù)值的整數(shù)范圍（大于某數(shù)而小于某數(shù)）輸入數(shù)值的雙精度數(shù)范圍輸入內(nèi)容必須與某個域的值相同JSValidation驗證框架

validation-config.xml解釋<validation-configlang="auto"> <formid="form1"show-error="error"show-type="all"> <fieldname="name"display-name="用戶名"onfail=""> <dependname="required"/> <dependname="commonChar"/> <dependname="minLength"param0="3"/> <dependname="maxLength"param0="20"/> </field> <fieldname="email"display-name="email郵箱"> <dependname="required"/> <dependname="email"/> </field> <fieldname="age"display-name="年紀(jì)"> <dependname="required"/> </field><fieldname="codetime"display-name="編程時間"> <dependname="required"/> </field><fieldname="os"display-name="使用的操作系統(tǒng)"> <dependname="required"/> </field> <fieldname="language"display-name="使用的編程語言"> <dependname="required"/> </field> <fieldname="comments"display-name="建議"> <dependname="required"/> </field> </form></validation-config>…<head><title>潛在用戶網(wǎng)絡(luò)調(diào)查</title><metahttp-equiv