form 表单实现用户md5加密登录

html

<div class="login">
    <form action="/index" method="post" id="form" target="login_iframe" onsubmit="loginSubmit()">
        <input name="name" type="text" placeholder="用户名">
        <input type="password" id="password" placeholder="密码">
        <input type="hidden" id="password_md5" name="password">
        <input value="登录" style="width:100%;" type="submit">
    </form>
</div>
<iframe id="loginIframe" name="login_iframe" style="display:none;"></iframe>

js

<script src="jquery-3.3.1.min.js"></script>
<script src="md5.js"></script>
function loginSubmit() {
    $('#password_md5').val(md5($('#password').val()))
    return true;
}
$("#loginIframe").on('load', function() {
    var reqData = $.parseJSON($(window.frames["login_iframe"].document).contents().find("body").text())
    console.log(reqData)
})