html 验证两次输入密码是否相同_html验证两次密码一致-优快云博客

本文链接：https://blog.youkuaiyun.com/biu_bui_biu/article/details/102642947

参考了下别人写的，现在来分析代码：

源码：

<!DOCTYPE html >  
<html >  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>checkPwd</title>  
        <meta name="author" content="yangch" />  

        <script>  
            function check2pwd() {  
                    if(input1.value != input2.value) {  
                        alert("两次输入密码不一致！")
                        input1.value = "";  
                        input2.value = "";  
                    }
            }
        </script>
    </head>  
    <body>  
        <form action="testaction">  
            <table>  
                <tr><td>密码：&nbsp;&nbsp;  
                  <input type="password" id="input1"></td>  
                </tr>  
                <tr><td>重复密码：  
                  <input type="password" id="input2" onblur="check2pwd()" ></td></tr>   
                  
            </table>  
            <input type="button" value="test啦!" />  
        </form>  
          
    </body>  
</html>

https://www.iteye.com/blog/ych0108-1890535

js代码部分：读取两个密码框中的内容做一个验证，通过input标签中的id号确定具体控件内容。

function check2pwd() {  
                    if(input1.value != input2.value) {  
                        alert("两次输入密码不一致！")
                        input1.value = "";  
                        input2.value = "";  
                    }
            }

html表单，form标签用于获取输入提交报表到服务器端。

id用于提供唯一的标识符，用于确定组件。以及方便获取组件的状态和内容。

onblur是事件处理，相当于JAVASwing 中的事件响应，当事件发生时调用onblur所指的js程序段。