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

Javascript 如何将变量绑定为jquery中html输入的值,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有方法post的表单,但我必须先将一些参数加密到md5,然后才能将它们发布到javascript中。如何将值绑定到该表单 html格式: <input id="sig" name="signature" >signature <i class="fa fa-usd" aria-hidden="true"> </i></br> 使用javascript: <input id="sig" name="signature" >

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

html格式:

<input id="sig"  name="signature" >signature <i class="fa fa-usd" aria-hidden="true">
</i></br>
使用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>
签名
var vm={};
document.getElementById(“sig”).addEventListener(“键控”,函数(事件){
vm.sig_md5=event.target.value;console.log(vm.sig_md5);
});
您只需附加一个keyup事件侦听器并将变量设置为其值。

使用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>
$(document).ready(function(){
    $('form').submit(function(){
        var sig = $('#sig').val();
        sig_md5 = $.md5(sig);
        $('#sig').val(sig_md5);
    });
});

你可以用getter,如果你不在乎Lethanks,我会试试的。但是,如果“签名”是一个隐藏值,我是否仍然包括事件侦听器?还是使用.bind?我不确定它是否隐藏。。但我确信
.bind
也能正常工作,我在JSFIDLE中测试了它,所以我使用了javascript,但您不必这样做。
$(document).ready(function(){
    $('form').submit(function(){
        var sig = $('#sig').val();
        sig_md5 = $.md5(sig);
        $('#sig').val(sig_md5);
    });
});
var data = {}
Object.defineProperty(data, 'signature', { 
   get: function() { return document.getElementById('sig').value; },
   set: function(value) { /* set input value hereif needed */ }
})