Angular JS字段仅当其值大于tan零时有效

Angular JS field valid only its value greater tan zero

本文关键字：大于 tan 零时 有效 JS 字段 Angular      更新时间：2023-09-26

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

$scope.validCats = "0";

HTML:

<input ng-model="validCats" value=""  type="text" class="form-control input-text phone_number" required >

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

请帮帮我。

将type更改为number并添加以下内容：

<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>

和

$scope.validCats = 0 // instead of "0"

而且你还应该设置一个CSS，这样Chrome&当type="number" 时，Firefox没有该文本字段的微调器

.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
}

您应该在输入字段中添加min="1"验证器（仅限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
}
相关文章：