Javascript 角度JS字段仅其值大于零才有效

我在表单中得到了以下文本框，它的值在用户更改类别时动态变化（选择框）。最初，它被设置为0

$scope.validCats = "0";

HTML:

用户不能直接更改其值。如果值为零或更小，我需要显示验证错误（即字段无效）。simple仅当值大于零时才有效

---

请帮助我。

将

类型更改为
编号
，并添加以下内容：

<input ng-model="validCats" type="number" min="1"
    class="form-control input-text phone_number" required >
<span ng-show="validCats === 0 || validCats === '0'">Invalid categories</span>

您还应该设置CSS，以便Chrome&Firefox在
type=“number”

您应该在输入字段中添加
min=“1”
validator（仅限HTML5），以防止提交，并且您还可以在方法中添加一个复选框，如下所示：

// called from ng-submit
$scope.onFormSubmit = function() {
    // just additional check
    if ($scope.validCats === 0 || $scope.validCats === "0") {
        return false;
    }

    // do other thing after form submission
}

但是表单仍然会因为非空数字字段而得到提交
$scope.validCats = 0 // instead of "0"

.input-text {
    -moz-appearance: textfield;
}
.input-text::-webkit-outer-spin-button {
    -webkit-appearance: none
    margin: 0
}
.input-text::-webkit-inner-spin-button {
    -webkit-appearance: none
    margin: 0
}

// called from ng-submit
$scope.onFormSubmit = function() {
    // just additional check
    if ($scope.validCats === 0 || $scope.validCats === "0") {
        return false;
    }

    // do other thing after form submission
}