html5密碼驗證_如何對一個HTML頁面設置密碼輸入

⑴ html5設置登錄密碼最少8位最多16位如何設置

設置密碼，檢查密碼長度在8~16位間，用正則匹配密碼字元是否符合要求。

⑵ 急需求解：html密碼驗證並實現頁面跳轉

js">functionopen(){
	if(myform.password.value=="123456"){
		版document.form.action="index.html";
		returntrue;
		}else{
		alert("密碼不正確！權")
		returnfalse;
		}
	}

⑶ html javascript，怎麼驗證兩個密碼輸入相等

document.getElementById('text6') 改成 document.getElementById('text6') .value
document.getElementById('text5') 改成 document.getElementById('text5') .value
你這抄樣比較的是兩個不同的對象，肯定永遠不會一樣了

⑷ 如何對一個HTML頁面設置密碼輸入

1、新建index.html頁面。

⑸ HTML密碼驗證

用JS驗證的？怎麼驗證的噢？你是說驗證密碼長度之類、還是說登陸噢？

⑹ 我想要在html網頁中加入密碼驗證機制。整個主界面只有密碼輸入框，有什麼代碼或者其他方法嗎求求各

JS就可以了單做一個JS跳轉頁面輸入正確進入主頁面，輸入錯誤彈出。。。

⑺ 怎樣給HTML/PHP網頁增加密碼驗證

很簡單密碼為123456 你可以在login.php裡面改

index.html 將以下代碼放入 <body></body>裡面就可以
<form method="post" action="login.php">
密碼： <input type="password" name="password"/><br>
<input type="submit" name="submit" value="登陸版">
</form>

login.php 完整的login.php內容
<?php
$password = isset($_POST['password']) ? $_POST['password'] : '';
if($password == '123456'){
echo "<script>alert('登陸成功。');location.href='in.html';</script>";
//不需要提權示則把 alert('登陸成功。'); 刪除掉
}else{
echo "<script>alert('密碼錯誤登陸失敗。。');location.href='error.html';</script>";
//不需要提示則去掉同上
}
?>

OK 了簡單吧。

⑻ html頁面驗證用戶名和密碼並且點擊自己製作的登陸按鈕跳轉到另外一個頁面

HTML頁面用 script 驗證不是必須要用 form 的，可以直接給頁面里的 DOM 對象定義 id 屬性，用 javascript 操作 DOM 對象即可。

針對您提的問題想要實現的效果，下面說說不用 form 表單和資料庫來實現用戶名和密碼驗證的方法：

1、首先，給 HTML 頁面里的用戶名和密碼輸入框都定義一個id屬性，例如：

用戶名：<input type="text" id="username" value="">

密碼：<input type="password" id="password" value="">

2、其次，放置一個按鈕 <button type="button" name="chkBtn" id="chkBtn"> 登錄</button>

3、編寫 javascript 腳本代碼，主要思路如下：

（1）為按鈕增加一個 click 的監聽，當滑鼠點擊該按鈕時執行；

（2）獲取 input 用戶名和密碼輸入框的輸入值；

（3）驗證輸入值是否符合要求；

（4）符合要求頁面跳轉到設置的指定頁面；

（5）不符合要求提示用戶輸入錯誤。

4、最後，在瀏覽器里運行該頁面，測試一下效果。完整代碼如下圖所示。

(8)html5密碼驗證擴展閱讀

1、document.getElementById(); 通過 ID 獲取元素的用法

網頁 HTML 由標簽將信息組織起來，而標簽的 id 屬性值是唯一的，就像是每人有一個身份證號一樣，只要通過身份證號就可以找到相對應的人。那麼在網頁中，我們通過id先找到標簽，然後進行操作。

2、innerHTML 屬性

語法：Object.innerHTML，innerHTML 屬性用於獲取或替換 HTML 元素的內容。

注意:

（1）Object是獲取的元素對象，如通過document.getElementById("ID")獲取的元素；

（2）注意書寫，innerHTML區分大小寫。

3. value 屬性

語法 Object.value，value 屬性用於獲取或替換 HTML 元素的value屬性中的內容。

⑼ 想用html做一個靜態登錄界面，可以驗證密碼的。

參考下面代碼
<form method="post" action="###" name="myform" onsubmit="checkpost()">
<label for="name">用戶名：</label><input type="text" name="name" id="name" /><br />
<label for="pw">密碼：</label><input type="password" name="pw" id="pw" /><br />
<input type="submit" value="提交" />
</form>
<script>
function checkpost(){
if(document.forms[0].name.value=="要的用戶名"&&document.forms[0].pw.value=="要的密碼"){
window.location="要跳轉的地專址";
}else{
alert("用戶名或密屬碼不正確！")
return false;
}
}
</script>

⑽ html5 確認密碼與原密碼相符問題，大神來看下，有懸賞！

<!DOCTYPEhtml>
<html>

<head>
<metacharset="UTF-8">
<title>表單實驗</title>
<script>
functioncheck(form){
varp1=form.passwd1;
varp2=form.passwd2;
if(p1.value!=p2.value){
p2.oninvalid();
returnfalse;
}
returntrue;
}
onload=function(){
varp2=document.forms["my_f1"].passwd2;
p2.oninvalid=function(){
this.setCustomValidity("密碼不一致，請重新輸入");
}
p2.oninput=function(){
this.setCustomValidity("");
}

}
</script>
</head>

<body>
<formaction=""method="post"name="my_f1"onsubmit="returncheck(this);">
<p>密碼：
<inputtype="password"required="true"name="passwd1"/>
</p>
<p>密碼確認：
<inputtype="password"required="true"name="passwd2"/>
</p>
<p>
<inputtype="submit"value="提交"/>
</p>
</form>
</body>

</html>

導航:首頁 > 編程大全 > html5密碼驗證

html5密碼驗證

與html5密碼驗證相關的資料

友情鏈接