Javascript 如何将变量绑定为jquery中html输入的值
我有一个带有方法post的表单,但我必须先将一些参数加密到md5,然后才能将它们发布到javascript中。如何将值绑定到该表单 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" >
<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 */ }
})