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密码验证相关的资料

友情链接