html中使用js进行登录md5加密提交并重定向新页面

最新推荐文章于 2024-10-10 19:55:17 发布

yingxian_Fei

最新推荐文章于 2024-10-10 19:55:17 发布

阅读量1.9w

点赞数 5

分类专栏： web应用文章标签： web

本文链接：https://blog.csdn.net/smilefyx/article/details/49507179

版权

本文提供了一个简单的web登录示例，通过JavaScript进行MD5加密，将加密后的密码提交到后端，并根据后端响应重定向到新页面。详细介绍了主要实现点，包括密码加密、隐藏字段设置、ajaxSubmit提交表单以及认证成功后的页面跳转逻辑。

摘要由CSDN通过智能技术生成

在web开发中有时需要将用户的一些信息在客户端加密后进行提交，然后在web后端进行验证，可以提高页面传输过程中的安全性。本例实现一个简单的加密登录demo，例子仅仅为了演示使用，实际使用时可以根据实际要求进行修改。

1、主要实现点

1、form中加入一个隐藏的input用于提交加密后的密文；

2、在表单的submit方法中将输入的明文密码加密，并设置到隐藏的input中。加密使用md5.js进行实现，该文件可自行百度；

3、在表单的submit方法中使用ajaxSubmit提交form；

本例用于演示，提交时会同时提交明文和密文密码，实际使用时可以将明文输入框改为不提交或者放到form表单之外即可。

2、代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>用户登录</title>
	<link rel="stylesheet" type="text/css" href="/CarAppStore/css/login/style.css