【问题标题】:Automatically add negative sign to user input (PLUNKER ATTACHED)自动向用户输入添加负号(PLUNKER ATTACHED)
【发布时间】:2016-04-14 01:51:14
【问题描述】:

http://plnkr.co/edit/v53QDV8604OwGc6VdVYw?p=preview

我有一个非常基本的疑问,我无法弄清楚如何解决它。如果您看到输入字段“负”-我必须从用户那里获取负值。

用户可能会输入 '-34.45' 、 '-455' 等等。但是如果用户输入“56”并转到下一个输入字段,我希望输入的字段更新为“-56”

所以我需要先检查是否没有负号,然后只添加一个负号。有什么建议吗?>

<html>
</html>

【问题讨论】:

    标签: javascript angularjs html forms validation


    【解决方案1】:

    获取数字,检查它是否小于零,如果不是,则从零中减去。重新分配。

    https://jsfiddle.net/subterrane/pnrmxhsv/

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="utf-8">
        <title>Test</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway:400,300,600">
        <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css">
        <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
    </head>
    
    <body>
    <div class="container">
        <div>
            <label for="num">Negative</label>
            <input type="text" placeholder="-52" id="num">
        </div>
    </div>
    
        <script>
            document.querySelector('#num').addEventListener('change', function(e) {
                var num = e.target.value;
                num = parseFloat(num, 10);
                if(!isNaN(num) && num > 0) num = 0 - num;
                e.target.value = num;
            })
    
        </script>
    </body>
    
    </html>
    

    【讨论】:

    • 谢谢威尔。你的答案也很好。你也可以检查我的答案吗?如果我走在正确的轨道上?
    【解决方案2】:

    天哪,我不敢相信我能回答我自己的问题。它对我来说非常好。这是我尝试过的代码,它运行良好。

    $scope.$watch(function ($scope) {
        if ($scope.params.speed != undefined && $scope.params.speed > 0) {
            $scope.params.speed = $scope.params.speed - (2 * $scope.params.speed );
        };
    
    })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-11-08
      • 2022-08-12
      • 1970-01-01
      • 2020-06-01
      • 1970-01-01
      • 2019-01-09
      • 2016-12-12
      相关资源
      最近更新 更多