加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 如何显示数字类型的输入字段的最小值和最大值的错

发布时间:2020-12-17 17:57:00 所属栏目:安全 来源:网络整理
导读:如何设置/显示我使用角度js在数字类型的输入字段上设置的最小值和最大值的错误消息. input type="number" min="0.1" max="30"/ 解决方法 请使用以下代码,使用angularjs验证在数字输入类型字段中显示最小值和最大值的错误消息. 对于数字输入类型字段的ng-maxl
如何设置/显示我使用角度js在数字类型的输入字段上设置的最小值和最大值的错误消息.

<input type="number" min="0.1" max="30"/>

解决方法

请使用以下代码,使用angularjs验证在数字输入类型字段中显示最小值和最大值的错误消息.

对于数字输入类型字段的ng-maxlength和ng-minlength.

<form name="myForm">
    <input type="number" name="count" ng-model="count" max="30" min="0.1">
    <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
        <span ng-show="myForm.user.$error.min">Count should be above 0.1.</span>
        <span ng-show="myForm.user.$error.max">Count should be below 30.</span>
    </span>
</form>

对于文本输入类型字段的最大长度和最小长度.

<form name="myForm">
    <input type="text" name="username" ng-model="username" ng-minlength="5" ng-maxlength="15">
    <span style="color:red" ng-show="myForm.username.$dirty && myForm.user.$invalid">
        <span ng-show="myForm.username.$error.minlength">Username should be minimum 5 character.</span>
        <span ng-show="myForm.username.$error.maxlength">Username should be maximum 15 character.</span>
    </span>
</form>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读