2014-12-10 45 views
0

我正在尝试制作一个jQuery ajax计算器,并且我已为接口创建了一个html。设置jQuery计算器的数字显示的最大长度

我的问题是,我想为显示设置一个最大长度。那将只有8位数字。 8位数后它会显示“Err”,但我应该能够在点击一个数字后清除“Err”。

这是我的代码

+0

'$ display.text “错误”;'是无效的。尝试'$ display.text(“Error”);' – 2014-12-10 22:10:48

+2

我也会使用''来保持用户输入超过8个字符。如果我不小心忽略了错误信息,我会很烦恼。 – philtune 2014-12-10 22:16:07

+0

它不工作,我认为这是因为我没有输入数字。我使用点击按钮。 – 2014-12-10 22:21:25

回答

1

下面是修改后的代码(有说明):

$(function(){ 
    var $display = $('#display'); 
    $display.val(0); 
    var key = null; 

    $(document).on('click', 'button.number', function() { 
     if ($display.val().length >= 8) { //If there are 8 or more characters 
      $display.val("Err"); //Write Err 
     } else if ($display.val() == "Err") { //If it says Err 
      $display.val("0"); //Set it to zero 
     } else { //If everything's fine 
      $display.val(($display.val() == "0" ? "" : $display.val()) + $(this).val()); 
      //Add the pressed number to the display 
      //The ternary statement means "if it's zero, replace, else append" 
     } 
    }); 
}); 
+0

非常感谢,它有一个很好的解释! – 2014-12-10 22:29:36

+0

很高兴我能帮到你 – franga2000 2014-12-10 22:35:27