1. 程式人生 > 其它 >JavaScript 提交表單,MD5加密,表單提交控制

JavaScript 提交表單,MD5加密,表單提交控制

提交表單,MD5加密

 <!--匯入md5包-->
  <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>



<form method='post' action="https://www.baidu.com/" onsubmit="return aaa()">
    <p>
        <span>使用者名稱</span>
        <input type="text" id="userName" name="Username">
    </p>
    <p>
        <span>密碼</span>
        <!--沒有name,抓包就不會顯示改資訊-->
        <input type="password" id="input_password">
    </p>
    <input type="hidden" id="md5_password" name="password">
    <!--onclick點選後,繫結觸發事件,可以在script裡寫觸發事件-->
    <button type="submit">提交~</button>

</form>

<script>
    function aa() {
        let uname = document.getElementById('userName');
        let psw = document.getElementById('input_password');
        let md5psw=document.getElementById('md5_password');
        console.log(uname.value);
        console.log(psw.value);
        md5psw.value = md5(psw.value);
        //可以校驗內容,返回布林值給表單的onsubmit屬性提交資訊,不通過就阻止提交
        //return false;
        return true;
    }
    
</script>