[angularjs]有效的角速度 JS 场只有其更大的谭零值

发布时间: 2017/4/16 2:29:42
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我得到了下面的文本框中我的表单中动态更改其值当用户更改类别 (选择框)。最初,它被设置为 0。

$scope.validCats = "0";

HTML:

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

用户不能直接更改它的值。我需要显示验证错误 (即.这个字段无效) 如果值为零或更少。简单其有效的只有如果值大于零

请帮我。

解决方法 1:

改变 typenumber 并添加以下︰

<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、 火狐浏览器并不为那 textfield 微调时type="number"

.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
}
赞助商