html5 確認(rèn)密碼與原密碼相符問題，大神來看下，有懸賞！

!DOCTYPE?html

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、做網(wǎng)站與策劃設(shè)計,鳳陽網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鳳陽等地區(qū)。鳳陽做網(wǎng)站價格咨詢:18980820575

html

head

meta?charset="UTF-8"

title表單實驗/title

script

function?check(form)?{

var?p1?=?form.passwd1;

var?p2?=?form.passwd2;

if?(p1.value?!=?p2.value)?{

p2.oninvalid();

return?false;

}

return?true;

}

onload?=?function()?{

var?p2?=?document.forms["my_f1"].passwd2;

p2.oninvalid?=?function()?{

this.setCustomValidity("密碼不一致，請重新輸入");

}

p2.oninput?=?function()?{

this.setCustomValidity("");

}

}

/script

/head

body

form?action=""?method="post"?name="my_f1"?onsubmit="return?check(this);"

p密碼：

input?type="password"?required="true"?name="passwd1"?/

/p

p密碼確認(rèn)：

input?type="password"?required="true"?name="passwd2"?/

/p

p

input?type="submit"?value="提交"?/

/p

/form

/body

/html

用html代碼編寫while驗證用戶名和密碼

用html代碼編寫while，關(guān)于HTML表單控件-密碼輸入框

輸入用戶姓名和密碼

試著編寫一個html的登錄頁面，實現(xiàn)對用戶名、密碼 用戶登錄 function check(f)//檢測函數(shù) { if(f.user.value=="")//如果用戶名為空 { alert("請輸入用戶名。");//彈出提示框 f.user.focus();//文本框獲取焦點(diǎn) return false;//返回錯誤 } if(f.pw.value=="") { alert("請輸入密碼。

html問題。一個FORM表單，怎樣讓submit驗證指定數(shù)如一個登陸模塊，先驗證用戶名是否為空，如果為空，SUBMIT點(diǎn)擊時永遠(yuǎn)提js方法： function check(){ var name = document.getElementById("name").value; if(name == null || name == ''){ alert("用戶名不能為空"); return false; } return true; }

用HTML制作了表單，有用戶名、密碼、確認(rèn)密碼、年我需要用PHP去完成提交所制作的表單，要CSS布局HTML小編今天和大家分享密碼和確認(rèn)密碼一致，年齡需要$password1=md5($_POST["password1"]);$password2=md5($_POST["password2"]);$nianling=$_POST["nianling"];if($password1。=$password2){echo "2次密碼不一致";}else{if($nianling18){echo "年齡大于18";//年齡大于18，執(zhí)行sql語句。

運(yùn)用HTML5表單元素制作一個簡單的網(wǎng)頁，內(nèi)容包括：運(yùn)用HTML5表單元素制作一個簡單的網(wǎng)頁，內(nèi)容包括：用戶名輸入、密碼輸入Document密碼：

運(yùn)用HTML5新表單元素制作一個網(wǎng)頁，內(nèi)容包括：用戶運(yùn)用HTML5新表單元素制作一個網(wǎng)頁，內(nèi)容包括：用戶名輸入、密碼輸入、二HTML各種輸入驗證用戶:密碼:確認(rèn)密碼:EMAIL:window.onload = function (){document.getElementById('uname').focus();}function check(){var uname=document.getElem

HTML5 表單多條件驗證問題

1.輸入型控件

Input type

用途

說明

email

電子郵件地址文本框

url

網(wǎng)頁URL文本框

number

數(shù)值的輸入域

屬性 值 描述

max number 規(guī)定允許的最大值

min number 規(guī)定允許的最小值

step number 規(guī)定合法的數(shù)字間隔（如果 step="3"，則合法的數(shù)是 -3,0,3,6 等）

value number 規(guī)定默認(rèn)值

range

特定值的范圍的數(shù)值，以滑動條顯示

屬性 值 描述

max number 規(guī)定允許的最大值

min number 規(guī)定允許的最小值

step number 規(guī)定合法的數(shù)字間隔（如果 step="3"，則合法的數(shù)是 -3,0,3,6 等）

value number 規(guī)定默認(rèn)值

Date pickers

日期，時間選擇器

僅Opera9+支持，包含date, month, week, time, datetime, datetime-local

search

用于搜索引擎，比如在站點(diǎn)頂部顯示的搜索框

與普通文本框用法一樣，只不過這樣更語文化

color

顏色選擇器

僅Opera支持

將原本type為text的input控件聲明為以上特殊類型，是為了給用戶呈現(xiàn)不同的輸入界面（移動平臺上支持這些不同的輸入界面，這里就不細(xì)說），而且表單提交時會對其值做進(jìn)一步的驗證。下面展示這些新表單元素，請用支持這些表單元素的瀏覽器查看，IE對其支持最差。

E-mail:

date:

range: number: color:

2. 表單新特性和函數(shù)

2.1 placeholder

當(dāng)用戶還沒有輸入值時，輸入型控件可能通過placeholder向用戶顯示描述性說明文字或者提示信息，這在目前網(wǎng)站中很常見，一些JS框架都會提供類似功能，簡單的說下在舊版本中常用的解決方案，為輸入控件創(chuàng)建一個label，然后通過CSS控制些label的位置使之覆蓋在輸入控件上面，當(dāng)label獲得焦點(diǎn)時，瀏覽器會把焦點(diǎn)指向輸入控件。不過有了placeholder，新的瀏覽器就內(nèi)置了這一功能，其特性值會以淺灰色樣式顯示在輸入框中，當(dāng)輸入框獲得焦點(diǎn)并有值后，該提示信息自動消失。

如：

plabel for="runnername"Runner:/label

input id="runnername"name="runnername" type="text" placeholder="First and last name" /

/p

Runner:

2.2 autocomplete

其實在IE6中,autocomplete就已經(jīng)實現(xiàn)，不過現(xiàn)在這一特性終于標(biāo)準(zhǔn)化了，瀏覽器通過autocomplete特性能夠知曉是否應(yīng)該保存輸入值以備將來使用，autocomplete應(yīng)該用一保護(hù)用戶敏感數(shù)據(jù)，避免本地瀏覽器對它們進(jìn)行不安全的存儲。

類型

作用

on

該字段無需保護(hù)，值可以被保存和恢復(fù)

off

該字段需要保護(hù)，值不可以保存

unspecified

包含form的默認(rèn)設(shè)置，如果沒有被包含在表單中或沒有指定值，則行為表現(xiàn)為on

如：

form action="" method="get" autocomplete="on"

Name:input type="text" name="name" /br /

E-mail: input type="email" name="email" autocomplete="off" /br /

input type="submit" /

/form

當(dāng)用戶提交過一次表單后，再次訪問，name的輸入框會提示你曾輸入的值，而email則不會提示。

2.3 autofocus

頁面載入時，我們通過autofocus指定某個表單元素獲得焦點(diǎn)，但每個頁面只允許出現(xiàn)一個autofocus，如果設(shè)置多個則相當(dāng)于未指定些行為。目前Opera10,Chromet和Safari瀏覽器支持。如果用戶有希望焦點(diǎn)轉(zhuǎn)移的情況下，使用使用autofocus會惹惱用戶。

2.5 list特性和datalist

通過使用list，開發(fā)人員能夠為某個輸入型控件構(gòu)造一個選值列表，其使用方法：

Webpage: input type="url" list="url_list" name="link" /

datalist id="url_list"

option label="W3School" value="" /

option label="Google" value="" /

option label="Microsoft" value="" /

/datalist

Webpage:

請在Opera9+或Firefox10+瀏覽器中查看。

2.6 required

required 屬性規(guī)定必須在提交之前填寫輸入域（不能為空）。它是表單驗證最簡單的一種方式方法，使用方法：

Name: input type="text" name="usr_name" required="required" /

2.7 pattern

pattern 屬性規(guī)定用于驗證 input 域的模式（pattern），模式（pattern） 是正則表達(dá)式。那些type為email或url的輸入控件內(nèi)置相關(guān)正則表達(dá)式，如果value不符合其正則表達(dá)式，那表單將通不過驗證，無法提交。使用方法：

Country code: input type="text" name="country_code"

pattern="[A-z]{3}" title="Three letter country code" /

2.8 novalidate

novalidate 屬性規(guī)定在提交表單時不應(yīng)該驗證 form 或 input 域。

如：

form action="demo_form.asp" method="get" novalidate="true"

E-mail: input type="email" name="user_email" /

input type="submit" /

/form

3. 表單驗證

表單驗證是一套系統(tǒng)，它為終端用戶檢測無效的數(shù)據(jù)并標(biāo)記這些錯誤，是一種用戶體驗的優(yōu)化，讓web應(yīng)用更快的拋出錯誤，但它仍不能取代服務(wù)器端的驗證，重要數(shù)據(jù)還要要依賴于服務(wù)器端的驗證，因為前端驗證是可以繞過的。

目前任何表單元素都有八種可能的驗證約束條件：

名稱

用途

用法

valueMissing

確保控件中的值已填寫

將required屬性設(shè)為true，

input type="text"required="required"/

typeMismatch

確保控件值與預(yù)期類型相匹配

input type="email"/

patternMismatch

根據(jù)pattern的正則表達(dá)式判斷輸入是否為合法格式

input type="text" pattern="[0-9]{12}"/

toolong

避免輸入過多字符

設(shè)置maxLength，textarea id="notes" name="notes" maxLength="100"/textarea

rangeUnderflow

限制數(shù)值控件的最小值

設(shè)置min，input type="number" min="0" value="20"/

rangeOverflow

限制數(shù)值控件的最大值

設(shè)置max，input type="number" max="100" value="20"/

stepMismatch

確保輸入值符合min,max,step的設(shè)置

設(shè)置max min step，input type="number" min="0" max="100" step="10" value="20"/

customError

處理應(yīng)用代碼明確設(shè)置能計算產(chǎn)生錯誤

例如驗證兩次輸入的密碼是否一致，等會DEMO細(xì)說

下面展現(xiàn)瀏覽器自帶的驗證功能請在Chrome、Opera或Firefox中查看：

源代碼：

form name="register1" id="register1"

plabel for="runnername"RunnerName:/label

input id="runnername"name="runnername" type="text" placeholder="First and last name" required="required" autofocus="autofocus"/

/p

plabel for="phone"Tel #:/label

input id="phone" name="phone" type="text" pattern="\d{3}-\d{4}-\d{4}"

placeholder="xxx-xxxx-xxxx"http://p

plabel for="emailaddress"E-mail:/label

input id="emailaddress" name="emailaddress" type="email"

placeholder="For confirmation only"http://p

plabel for="dob"DOB:/label

input id="dob" name="dob" type="date"

placeholder="MM/DD/YYYY"http://p

pCount:input type="number" id="count" name="count" min="0" max="100" step="10"http://p

plabel for="style"Shirt style:/label

input id="style" name="style" type="text" list="stylelist" title="Years of participation"

autocomplete="off"http://p

datalist id="stylelist"

option value="White" label="1st Year"/

option value="Gray" label="2nd - 4th Year"/

option value="Navy" label="Veteran (5+ Years)"/

/datalist

fieldset

legendExpectations:/legend

p

label for="confidence"Confidence:/label

input id="confidence" name="level" type="range"

onchange="setConfidence(this.value)"

min="0" max="100" step="5" value="0"/

span id="confidenceDisplay"0%/span/p

plabel for="notes"Notes:/label

textarea id="notes" name="notes" maxLength="100"/textarea/p

/fieldset

pinput type="submit" name="register" value="Submit" onclick=" checkForm()"http://p

/form

HTML5三種對密碼加密的方法

1、base64加密：在頁面中引入base64.js文件，調(diào)用方法為：

2、md5加密：在頁面中引用md5.js文件，調(diào)用方法為

3、sha1加密，據(jù)說這是最安全的加密：頁面中引入sha1.js，調(diào)用方法為

base64.js：

md5.js:

sha1.js:

我們可以知道：escape()除了 ASCII 字母、數(shù)字和特定的符號外，對傳進(jìn)來的字符串全部進(jìn)行轉(zhuǎn)義編碼，因此如果想對URL編碼，最好不要使用此方法。而encodeURI() 用于編碼整個URI,因為URI中的合法字符都不會被編碼轉(zhuǎn)換。encodeURIComponent方法在編碼單個URIComponent（指請求參數(shù)）應(yīng)當(dāng)是最常用的，它可以講參數(shù)中的中文、特殊字符進(jìn)行轉(zhuǎn)義，而不會影響整個URL。

請注意 encodeURIComponent() 函數(shù) 與 encodeURI() 函數(shù)的區(qū)別之處，前者假定它的參數(shù)是 URI 的一部分（比如協(xié)議、主機(jī)名、路徑或查詢字符串）。因此 encodeURIComponent() 函數(shù)將轉(zhuǎn)義用于分隔 URI 各個部分的標(biāo)點(diǎn)符號。

一、encodeURI()//轉(zhuǎn)義一個URI中的字符

語法：encodeURI(uri)//這個在編碼不同的AJAX請求時，解決中文亂碼問題經(jīng)常用到。

二、decodeURI()//解碼一個URI中的字符

語法：decodeURI(uri)

三、encodeURIComponent()//轉(zhuǎn)義URI組件中的字符

四、decodeURIComponent()//解碼一個URI組件中的字符

五、escape()//編碼一個字符串

語法：escape(value);

六、unecape()//解碼一個由escape()函數(shù)編碼的字符串

本文名稱：html5驗證密碼,css驗證碼
文章源于：http://chinadenli.net/article8/dsgggip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站內(nèi)鏈、網(wǎng)站營銷、動態(tài)網(wǎng)站、網(wǎng)站改版、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)