如何防止插入值大于用户在文本字段中输入的数字

Question

我有一个名为premium的文本字段，用户可以输入最多10位数字。单击提交后，另一个名为deposit的文本字段可以输入最多7位数字。但是我想给用户一个不能输入的条件存款多于溢价。示例：

If premium=111 Deposit should be <=111

如果保证金大于更改时的溢价，则应将值改回溢价，即更改为111

有人可以帮我解决这个问题。 谢谢。 上面的Jsfiddle： https ://jsfiddle.net/U3pVM/28556/

Answer 1

请检查一次并赞成，如果发现有帮助

https://jsfiddle.net/U3pVM/28558/

             function TodoCtrl($scope) {

                $scope.hide=false;
                $scope.submit = function() {
                   $scope.hide=true;
                   if($scope.deposit && parseInt($scope.deposit)>parseInt($scope.premium)){

                     $scope.deposit = $scope.premium;
                  }
               };

             }

Answer 2

您好，您可以使用以下代码将tyr作为属性添加到存款输入字段。 并将ID“ preminum”赋予高级输入字段。

onkeypress="return Number(this.value()+""+event.key) <= Number($('#premium').value());"

这将不允许用户输入超过溢价的值。

Answer 3

添加此代码：

$scope.$watch('deposit', function(newVal, oldVal){     
    if(newVal && newVal*1 > $scope.premium*1)
        $scope.deposit = $scope.premium;    
})

Answer 4

HTML5支持带有数字输入的最小和最大。 例如： <input type="number" name="deposit" min="1" max="111">无论如何，最好检查服务器端的所有用户输入。