我有两个输入设置,可以根据您使用的输入同时将lbs转换为kgs,将kgs转换为lbs。如果输入不是数字,我还有一个错误函数可以运行。我的转换对于keyup和错误的输入也很有效,最初,但是如果我清除输入或从一个切换到另一个,我会丢失错误功能并且清除功能不会完全清除输入第二个,它留下一个数字,0.00。我正在使用jquery插件,jquery数字将数字四舍五入到两个位置。
这是jsFiddle和我的代码:
$(document).ready(function () {
var kg = 0.453
$('#weight_lb').on('keyup', function () {
var wtvalueL = parseFloat($('#weight_lb').val());
if (!isNaN(wtvalueL)) {
$("#weight_kg").val($("#weight_lb").val() * kg).number(true, 2);
} else { // the input wasn't a number
$('#weight_lb').val('');
$(".wt_error").fadeIn();
setTimeout(function () {
$(".wt_error").fadeOut();
}, 2000);
return false;
}
});
$('#weight_kg').on('keyup', function () {
var wtvalueK = parseFloat($('#weight_kg').val());
if (!isNaN(wtvalueK)) {
$("#weight_lb").val($("#weight_kg").val() / kg).number(true, 2);
} else { // the input wasn't a number
$('#weight_kg').val('');
$(".wt_error").fadeIn();
setTimeout(function () {
$(".wt_error").fadeOut();
}, 2000);
return false;
}
});
$(".clear").on('click', function () {
$("#weight_lb").val("").attr('placeholder', 'Enter Weight');
$("#weight_kg").val("").attr('placeholder', 'Enter Weight');
});
});