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>
posted @   小幼虫虫  阅读(109)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示