当我在客户端 hash 我的密码时，我没有得到散列字符串，而是得到密码本身

Question

I am trying to hash my password on the client-side before sending it to my server(Tomcat server), when I click on submit the form is getting submitted before updating the value of the password to hashcode how can I make sure That my form gets submitted after the script is executed?我正在尝试 hash 在客户端将我的密码发送到我的服务器（Tomcat 服务器）之前，当我单击提交时，在将密码的值更新为哈希码之前提交了表单我如何确保我的表单脚本执行后提交？ or is there a better way to go by this?或者有没有更好的方法来 go？

<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, 
initial-scale=1.0">
</head>
<body>
    <h1></h1>
    <form method="post" onsubmit="encrypt(event);" action="login" >
        <input type="text" name="user_id">
        <input type="password" name="password" id="pass">
        <button id="but1" type="submit">submit</button>
    </form>
    <script>
function encrypt(event){
//  event.preventDefault();//prevents from form getting auto submitted              
document.querySelector("body").style.color="red";             
sha512(document.getElementById("pass").value).then((x)=> 
{                
document.getElementById("pass").value=x;                   
document.querySelector("h1").innerHTML = x;
});
}


            function sha512(str) {
            return crypto.subtle.digest("SHA-512", new TextEncoder("utf- 
8").encode(str)).then(buf => {
            return Array.prototype.map.call(new Uint8Array(buf), x=> 
(('00'+x.toString(16)).slice(-2))).join('');
            });
            }
            sha512("my string for hashing").then(x => console.log(x)); 
    </script>
  </body>
</html>

Answer 1

Submit your form after the process完成后提交您的表格

 <form id="form1" method="post" onsubmit="encrypt(event);" action="login" >
        <input type="text" name="user_id">
        <input type="password" name="password" id="pass">
        <button id="but1" type="submit">submit</button>
    </form>


function encrypt(event) {
  event.preventDefault(); //prevents from form getting auto submitted
  document.querySelector("body").style.color = "red";
  sha512(document.getElementById("pass").value).then((x) => {
    document.getElementById("pass").value = x;
    document.querySelector("h1").innerHTML = x;
    document.getElementById("form1").submit(); // submitting the form
  });
}

当我在客户端 hash 我的密码时，我没有得到散列字符串，而是得到密码本身

问题描述

1 个解决方案

解决方案1
0 2021-11-30 06:52:31

当我在客户端 hash 我的密码时，我没有得到散列字符串，而是得到密码本身

问题描述

1 个解决方案

解决方案1 0 2021-11-30 06:52:31

解决方案1
0 2021-11-30 06:52:31