17-表单提交验证及MD5加密

最新推荐文章于 2024-07-04 00:59:27 发布

xixihaha_coder

最新推荐文章于 2024-07-04 00:59:27 发布

阅读量242

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/xixihaha_coder/article/details/119115303

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

表单提交验证及MD5加密

较保密的方法！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--  MD5工具类  -->
    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
</head>

<!--
表单绑定提交事件
onsubmit绑定一个提交检测的函数.true false
将这个结果返回给表单,使用onsubmit接收:
οnsubmit="return aaa()"
-->
<body>
<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">
    <button type="submit">提交</button>

</form>

<script>
    function aaa() {
        var username=document.getElementById('username');
        var pwd=document.getElementById('input-password');
        var md5pwd=document.getElementById('md5-password');
        md5pwd.value =md5(pwd.value);
        //可以校验判断表单内容 true就是通过 false就是阻止
        return true;
    }
</script>
</body>
</html>

xixihaha_coder

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
17-表单提交验证及MD5加密

表单提交验证及MD5加密较保密的方法！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js">
复制链接

扫一扫