html实现二次密码验证

——html部分——

html中注意一下一定不要省略”id“这个属性，在2022最新版本中我发现如果直接只写type和name这两个属性，在javascripe是无法于if中使用（word.value != word1.value)，当然也就不能出现正确的结果了

<body>
<form name="form1"><p align="center">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:<input type="text" name="firstname"></p><p align="center">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="word" id="word"></p><p align="center">再次输入密码:<input type="password" name="word1" id="word1"></p><p align="center"><input type="button" value="提交" onclick="get_value()" > &nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="重置"></p>
</form1>
</body>

    <script type="text/javascript">function get_value(){var word=document.getElementById("word");var word1=document.getElementById("word1");if (word.value!= word1.value) {alert("密码不一致！")}else{alert("保存成功")}
}</script>
———js部分——

js中

var word=document.getElementById("word");
var word1=document.getElementById("word1");

表示从html中输入的两次密码用变量的形式进行保存下来，也就是将html中的数据引用到JavaScript中

function中的表达式的值应该和body中的一致

ok！那让我们一起看看最后的结果吧！

密码一致的情况点击提交

密码不一致的情况下点击提交则出现

html实现二次密码验证相关推荐

局域网二维码fe分享图片 (带密码验证)
欢迎转载,也请保留这段申明 ,原文地址:https://mp.csdn.net/mdeditor/81051646 最近接到一个需求,需要实现一个局域网的图片二维码分享功能:具体怎么样呢,先看下面的效 ...
sysdba登录不需要密码验证？
sysdba不需要密码验证竟然可以直接登录,这还有安全可言吗? C:\Users>sqlplus /nolog SQL*Plus: Release 11.2.0.1.0 Production o ...
oracle utl_smtp 500 bad syntax,改进oracle utl_mail包的smtp_server设定和密码验证不足
一.通过utl_smtp发送邮件的范例 DECLARE c utl_smtp.connection; BEGIN c := utl_smtp.open_connection('smtp.exmail. ...
html中验证密码中是包含字母,在JavaScript中确认密码验证
在JavaScript中确认密码验证在本章中,我们将讨论使用JavaScript进行密码验证.每当用户在任何网站或应用上创建帐户时,我们都需要验证密码.因此,我们必须验证有效的密码并进行确认密码验证 ...
BCrypt管理员登录密码验证
一.简单入门测试 BCrypt不支持反运算,只支持密码校验 package com.william.test;import org.springframework.security.crypto.bc ...
Shiro自定义realm实现密码验证及登录、密码加密注册、修改密码的验证
一:先从登录开始,直接看代码 @RequestMapping(value="dologin",method = {RequestMethod.GET, RequestMethod. ...
手把手教你给 SSH 启用二次身份验证
目前来说,二次验证是比较常用的安全手段,通过设置二次验证,就可以有效的避免账户密码的泄露导致的安全问题.因为,每次登陆前都需要获取一次性验证码,如果没有验证码的话就无法成功登陆. 1.安装 PAM 模 ...
python白名单验证是什么意思_luminati python+selenium使用方式(白名单和账号密码验证方式)...
一,在Windows下使用 1.官网登录后下载对应的exe代理软件 2.下载完成后打开,打开完成后登录127.0.0.1:22999,然后输入用户名和密码进行登录.登录成功后进入到如下界面 3.将本机 ...
Vue 登录密码验证 MD5加密
一.特点 1.压缩性:任意长度的数据,算出的MD5值长度都是固定的. 2.容易计算:从原数据计算出MD5值很容易. 3.抗修改性:对原数据进行任何改动,哪怕只修改1个字节,所得到的MD5值都有很大区别 ...

html实现二次密码验证

html实现二次密码验证相关推荐

最新文章

热门文章