如何修改form表单中的input值并加密

Question

示例代码如下：

<form>
<input> 用户名 </input>
<input> 密码 </input>
</form>

表单提交的时候，需要传递密码，但是在http网络环境下，该密码容易被嗅探到，所以想在form表单提交的时候，加密该密码。
注意不能用ajax把提交的post请求独立出来；

能不能这样写：

$("#password").val = encrpt(password);

Answer 1

可以 在 form 的 submit 事件中对该值进行处理
打开开发人员工具的 Network 查看请求包

---

// jQuery 的话这么写
$("#password").val(encrpt(password))

Answer 2

这个方案也有安全性问题，因为 encrypt() 加密方法是需要被加载到客户端的，所以能分析出加载算法并将密码反向解密。
最好还是使用 https 协议