javaScript

最新推荐文章于 2024-09-11 15:33:18 发布

ca1m4n

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量635

点赞数

分类专栏： web 文章标签： javascript jquery

本文链接：https://blog.csdn.net/bocaiaichila/article/details/114382191

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jS

- 前端密码md5加密
- jQuery

前端密码md5加密

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--cdn引入md5-->
    <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.1.0/js/md5.min.js"></script>
</head>
<body>

<form action="https://www.baidu.com/" method="post" onsubmit="return aaa()">
    <p>
        <span>用户名：</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() {
        alert(1);
        var uname = document.getElementById('username');
        var pwd = document.getElementById('input-password');
        var md5_pwd = document.getElementById('md5-password');

        md5_pwd.value = md5(pwd.value);
        return true;

    }
</script>

</body>
</html>

jQuery

jQuery API中文文档
选择器$(selector).action()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.6.0.js"></script>
</head>
<body>

<a href="" id="test-jquery">点我</a>

<script>

    $('#test-jquery').click(function (){
        alert('hello,jQuery');
    })
</script>

</body>
</html>