JS 表单提交信息加密

提交表单

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="md5.js"></script>
</head>
<body><form action="#" method="post" ><p><span>用户名：</span> <input type="text" id="username" name="username"></p><p><span>密码：</span> <input type="password" id="pwd" name="pwd"></p><!--      绑定时间 onclick被点击--><button type="submit" onclick="aaa()" >提交</button>
</form><script>function  aaa(){var usern=document.getElementById("username");var pwd=document.getElementById("pwd");console.log(usern)console.log(pwd)pwd.value=md5(pwd.value);console.log(pwd.value);}
</script></body>
</html>

优化表单提交 md5加密

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="md5.js"></script>
</head>
<body>
<!--  onsubmit 绑定一个提交检测函数  true false 将这个结果返回表单 ，使用 onsubmit 接收 onsubmit="return aaa() -->
<form action="https://home.firefoxchina.cn/" method="post"  onsubmit="return aaa()"><p><span>用户名：</span> <input type="text" id="username" name="username"></p><p><span>密码：</span> <input type="password" id="pwd" name="pwd"></p><input type="hidden" id="md5-password" name="password">
<!--      绑定时间 onclick被点击--><button type="submit" >提交</button>
</form><script>function  aaa(){var usern=document.getElementById("username");var pwd=document.getElementById("pwd");var md5=document.getElementById("md5-password")md5.value=md5(pwd.value);// console.log(usern)// console.log(pwd)//pwd.value=md5(pwd.value);// console.log(pwd.value);//可以校验判断表单内容  true 就是通过提交  false 就是组织提交return true;}
</script></body>
</html>

如果需要md5.js那个文件可以私聊我，感谢大家的支持！

JS 表单提交信息加密相关推荐

js表单提交,面向对象
一.js表单验证之后再提交 1.普通按钮onclick函数调用表单的submit()函数 <input type=button name="submit1" value=&q ...
原生JS 表单提交验证器
一.前言最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过"缜密"的讨论后,我们决定不用外部流行的框架,如bootstrap,由于我负责的模块仅仅是其中的一部分, ...
js表单提交 php,JavaScript提交表单的几种方法
在我们工作中我们会经常使用到form表单,相信大家再熟悉不过了,那么提交表单有很多种方法,JavaScript提交表单的方法又是如何呢,今天就带大家介绍下JavaScript提交表单的几种方法! 第一 ...
js表单提交无反应的问题
首先上代码这个jsp文件是根据用户选择的select值将表单提交给相应的页面进行处理 test6-4-表单.jsp <%@page contentType="text/html;ch ...
js表单提交，支持图片上传，包含后端php代码
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. <html><head><meta http-equiv="Conte ...
js表单验证，多字段长度校验
在开发中,有时会遇到几十或一百多甚至更多的字段都需要做长度校验.我们不可能一个字段一个字段的去写,然后我发现input中有maxLength属性可以做到类似的,但是问题是中文字符占2个长度,使用max ...
Form表单提交按钮图片IE6下背景透明（js提交）
Form表单提交按钮图片IE6下背景透明(js提交) 我们知道光png图片在IE6下面透明方法很多,网上也很多,但是我今天遇到了个难题:form表单提交按钮png图片要求背景透明.我弄了半天,转个思 ...
php判断表单提交是否为空,JS判断提交表单不能为空代码多种方案
在做前端时我们希望用户按要求提交数据了,如果提交了空我们就需要进入提示,在js中判断表单为空我们直接使用xx==空就可以了,下面看实例. 例 function checkpost() { if(myf ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
JS阻止form表单提交失败
JS阻止form表单提交失败问题简介解决办法问题简介 <form th:action="@{/user.do}" method="post" ons ...

JS 表单提交信息加密

JS 表单提交信息加密相关推荐

最新文章

热门文章