如何防止用户使用JQuery输入特定值?

时间:2015-07-10 12:01:14

标签: jquery html css

我正在尝试创建一个计算器。我在按钮下方创建了一个禁用的文本框,按0到9的顺序返回值。我希望我的简单计算器能够检测用户何时首先输入计算符号并在那里发生错误。

如何使用JQuery实现这一目标?代码很长,所以我在这里创建了JSfiddle!您能否查看一下,我们将不胜感激任何帮助!

提前致谢。

1 个答案:

答案 0 :(得分:1)

这样的事情可以解决您的具体问题,但您还需要考虑更多案例。

$(document).ready(function () {
    var $entered = $('#entered');
    $('div > button').click(function() {
        var input = $(this).text();
        if (isNaN(input) && !$entered.val())
            alert('Invalid');
        else
            $entered.val($entered.val() + input);
    });
});

需要考虑的其他情况:

  • 防止连续多个运算符或运算符紧跟在
  • 之前
  • 让=是一个控件,而不是像操作员一样行事
  • 防止数字过大而内部变量无法进行数学运算(在运算符之前连续排20个数字 - 您需要查找类型的特定限制)
  • 如何解析输入的实际过程结果(提示:eval)

至少使用上面的代码,您只有一个地方可以处理输入而不是每个按钮1个。