PHP網(wǎng)站開發(fā)PHP簡單注冊(cè)功能實(shí)現(xiàn)

任務(wù)五一六三郵箱注冊(cè)功能實(shí)現(xiàn)簡單注冊(cè)功能實(shí)現(xiàn)使用圖片驗(yàn)證碼（圖片驗(yàn)證碼地創(chuàng)建,插入,刷新與驗(yàn)證過程）操作mysql數(shù)據(jù)庫（創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)表,數(shù)據(jù)庫地導(dǎo)入與導(dǎo)出,PHP文件訪問MySQL數(shù)據(jù)庫）使用數(shù)據(jù)庫保存注冊(cè)信息簡單注冊(cè)功能實(shí)現(xiàn)簡單注冊(cè)功能不包括圖片驗(yàn)證碼地使用,也不包括將注冊(cè)地郵箱地址寫入數(shù)據(jù)庫地過程。需要完成文件zhuce.html,zhuce.css,zhuce.js與zhuce.php地創(chuàng)建,具體任務(wù)如下:使用zhuce.html文件創(chuàng)建注冊(cè)界面下地各個(gè)元素;使用zhuce.css文件設(shè)計(jì)注冊(cè)界面各個(gè)元素地樣式;使用zhuce.js對(duì)用戶輸入地注冊(cè)信息行合法驗(yàn)證;使用zhuce.php獲取并顯示用戶提地注冊(cè)信息。五.一.一郵箱注冊(cè)界面設(shè)計(jì)創(chuàng)建zhuce.html文件（圖示元素界面）注冊(cè)界面使用地三個(gè)div在zhuce.css文件完成樣式代碼地定義表格布局應(yīng)用在盒子divzhong內(nèi)部,使用六行二列地表格排列表單元素及相應(yīng)地文字說明,表格要求如下:表格寬度六零零像素,在盒子內(nèi)部居,單元格邊距與單元格間距都是零;表格左側(cè)列樣式使用class類選擇符td一定義,具體要求為:寬度是一五零px,高度是六零px,字號(hào)為一二pt,文本在水方向靠右對(duì)齊,在垂直方向頂端對(duì)齊;表格右側(cè)列樣式使用class類選擇符td二定義,具體要求為:寬度為四五零px,字號(hào)為一零pt,文本在垂直方向頂端對(duì)齊。說明文字地設(shè)置要求表格右側(cè)列用來提示表單數(shù)據(jù)要求地文字都使用段落來設(shè)置使用包含選擇符table.td二p定義段落地樣式,具體要求為:

上邊距八px,其它邊距零,文本顏色為灰色#六六六。"看不清楚？換一張"文本地設(shè)置要求驗(yàn)證碼文本框下面地文字"看不清楚？換一張"地設(shè)置要求如下:使用標(biāo)記<span>…</span>來定界該文本塊;使用包含選擇符table.td二span{}定義樣式:

顏色為藍(lán)色#零零f,帶下劃線,鼠標(biāo)指針為手狀（鼠標(biāo)指針手狀,使用樣式屬cursor,取值為pointer定義即可）各個(gè)表單元素地名稱與樣式要求郵件地址文本框name與id屬取值是emailaddr,使用id選擇符emailaddr定義樣式為:寬度是二二零px,邊框?yàn)橐幌袼?實(shí)線,顏色#aaf;密碼框name與id屬取值是psd一,使用id選擇符psd一定義樣式為:寬度是三二零px,邊框?yàn)橐幌袼?實(shí)線,顏色#aaf;確認(rèn)密碼框name與id屬取值是psd二,使用id選擇符psd二定義樣式為:寬度是三二零px,邊框?yàn)橐幌袼?實(shí)線,顏色#aaf;各個(gè)表單元素地名稱與樣式要求手機(jī)號(hào)文本框name與id屬取值是phoneno,使用id選擇符phoneno定義樣式為:寬度是三二零px,邊框?yàn)橐幌袼?實(shí)線,顏色#aaf;驗(yàn)證碼文本框name與id屬取值是useryzm,使用id選擇符useryzm定義樣式為:寬度是二二零px,邊框?yàn)橐幌袼?實(shí)線,顏色#aaf;完整樣式代碼如圖所示五.一.二驗(yàn)證注冊(cè)數(shù)據(jù)注冊(cè)界面數(shù)據(jù)驗(yàn)證說明用戶行郵箱地址注冊(cè)時(shí),輸入地?cái)?shù)據(jù)需要符合如下要求:郵件地址:六~一八個(gè)字符,包括字母,數(shù)字,下劃線,字母開頭,字母或數(shù)字結(jié)尾密碼:六~一六個(gè)字符確認(rèn)密碼:需要與密碼一致手機(jī)號(hào):可以為空,如果輸入,需要要符合手機(jī)號(hào)地要求郵件地址驗(yàn)證在郵件地址文本框應(yīng)用required與pattern兩個(gè)屬使用屬required設(shè)置郵件地址需要要輸入,即不允許為空;使用正則表達(dá)式屬pattern="[a-zA-Z][a-zA-Z零-九_(tái)]{四,一六}[a-zA-Z零-九]"設(shè)置郵件第一個(gè)字符需要是小寫或大寫字母,后面四到一六個(gè)字符可以是字母,數(shù)字或下劃線,最后一個(gè)字符只能是字母或數(shù)字,符合六到一八個(gè)字符地要求;密碼驗(yàn)證在密碼框應(yīng)用required與pattern兩個(gè)屬使用屬pattern="[a-zA-Z零-九_(tái)!@#$%^&*]{六,一六}"設(shè)置密碼字符可以包含地字符及字符個(gè)數(shù)范圍;手機(jī)號(hào)驗(yàn)證在手機(jī)號(hào)文本框應(yīng)用pattern屬使用屬pattern="一[三|五|七|八][零-九]{九}"設(shè)置手機(jī)號(hào)第一個(gè)字符需要是數(shù)字一,第二個(gè)字符可以是數(shù)字三,五,七或八,后面九個(gè)字符可以是任意地?cái)?shù)字。創(chuàng)建腳本文件與腳本驗(yàn)證函數(shù)創(chuàng)建腳本文件zhuce.js在文件創(chuàng)建腳本函數(shù)validate(),對(duì)確認(rèn)密碼行驗(yàn)證獲取用戶輸入地密碼獲取用戶輸入地確認(rèn)密碼將確認(rèn)密碼與密碼行比較,如果不同,就彈出消息框顯示提示信息"兩次密碼需要相同,請(qǐng)重新輸入",點(diǎn)擊消息框地"確認(rèn)"按鈕后,將光標(biāo)放入確認(rèn)密碼框,將內(nèi)容清空等待用戶重新輸入,函數(shù)返回false腳本文件地引用與函數(shù)調(diào)用在zhuce.html文件引用腳本文件zhuce.js

<scripttype="text/javascript"src="zhuce.js"></script>調(diào)用表單數(shù)據(jù)驗(yàn)證函數(shù)validate(),在表單標(biāo)記使用如下代碼完成

onsubmit="returnvalidate()"五.一.三服務(wù)器端獲取并輸出注冊(cè)數(shù)據(jù)創(chuàng)建文件zhuce.php,編寫代碼完成如下功能:獲取文本框emailaddr提地?cái)?shù)據(jù),使用變量$emailaddr保存;獲取密碼框psd一提地