使用jQuery更改keyup上另一个输入的输入值

时间:2014-10-26 01:09:27

标签: javascript jquery function user-input

我有两个输入设置,可以根据您使用的输入同时将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');
});
});

0 个答案:

没有答案