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

Question

我有一个带有方法帖子的表单，但是我必须先将一些参数加密到md5，然后才能在我的javascript中发布它们。 如何将值绑定到该表单。

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 <= 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事件监听器并将您的变量设置为它的值。