在Angular JS中查询ng-disabled

时间:2018-05-15 05:55:39

标签: javascript angularjs

<div ng-app="myApp" ng-controller="myCtrl">
<button type="submit" class="btn btn-primary pull-left" ng- 
disabled="captchaError">Submit</button>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
    $scope.captchaError = true;                         
});
</script>

这是我的代码。 我将captcha错误设置为true,并禁用了该按钮。我的问题是当这个页面运行时,如果用户inspect按钮并从元素中删除disabled="disabled",那么该按钮将开始工作。有没有办法prevent这个按钮不会开始删除disabled="disabled"

1 个答案:

答案 0 :(得分:1)

您可以在屏幕上禁用f12(大多数用户正在执行操作)键或禁用“阻止”选项。

How can I block F12 keyboard key in jquery for all my pages and elements?

注意:但是你仍然无法控制它,因为用户也可以通过以下方式编辑元素。

  • 如果用户按下Control + shift + i - &gt;它打开开发人员面板。

  • 铬合金右上方 - &gt;更多工具 - &gt;开发人员工具,它打开

所以更好的方法是,你可以使用ng-if限制创建DOM元素而不是禁用。

  

如果表达式的计算结果为false,则ng-if指令将删除HTML元素

<button type="submit" class="btn btn-primary pull-left" ng- 
if="!captchaError">Submit</button>