Question

我有一个带有方法帖子的表单，但在将其发布到我的javascript中之前，我必须将一些参数加密到md5。如何将值绑定到该表单。

html表格：

<input id="sig"  name="signature" >signature <i class="fa fa-usd" aria-hidden="true">
</i></br>

的javascript：

vm.sig_md5 = $.md5('value');

Answer 1

使用jQuery .submit()修改表单提交时的值（在提交之前修改值，然后继续提交）。

<强> HTML：

<form action="somewhere.php" method="post">
    <input id="sig"  name="signature" >signature <i class="fa fa-usd" aria-hidden="true"></i></br>
</form>

<强>的jQuery / JavaScript的：

$(document).ready(function(){
    $('form').submit(function(){
        var sig = $('#sig').val();
        sig_md5 = $.md5(sig);
        $('#sig').val(sig_md5);
    });
});

Answer 2

如果你不关心IE＆lt; = 9

，你可以使用getter

var data = {}
Object.defineProperty(data, 'signature', { 
   get: function() { return document.getElementById('sig').value; },
   set: function(value) { /* set input value hereif needed */ }
})

MDN上的

Answer 3

使用javascript：

<input id="sig"  name="signature" >signature <i class="fa fa-usd" aria-hidden="true">

<script>

    var vm = {};
    document.getElementById("sig").addEventListener("keyup", function(event) {
        vm.sig_md5 = event.target.value; console.log(vm.sig_md5);
    });

</script>

您可以简单地附加一个keyup事件监听器，并将您的变量设置为它的值。

如何将变量绑定为jquery中html输入的值

3 个答案: