表单提交验证及前端密码MD5加密

提交表单，MD5加密密码，表单优化

<!--表单绑定提交事件
onsubmit 绑定一个提交检测的函数，true，false
将这个结果返回给表单，使用onsubmit接收！
onsubmit = "return aaa()"
-->
<form action="https://www.baidu.com/" method="post" onsubmit="return aaa()">
    <p>
        <span>用户名：</span><input type="text" id="username" name="username"/>
    </p>
    <p>
        <span>密码：</span><input type="password" id="input-password"/>
    </p>

    <input type="hidden" id="md5-password" name="password"/>

    <!--绑定事件 onclick 被点击-->
    <button type="submit">提交</button>
</form>

<script>
    function aaa() {
        alert(1);
        let username = document.getElementById('username');
        let password = document.getElementById('input-password');
        let md5Password = document.getElementById('password');

        md5Password.value = md5(password.value);

        // 可以校验判断表单内容，true就是通过提交，false，阻止提交
        return true;
    }
</script>