【新增页面的按钮禁用如何设置 _angular基础】

新增页面的按钮禁用如何设置

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(2)

angular基础

详细描述

截图

代码

 <button class="btn btn-default btn-success"
                    ng-click="online()"
                    ng-disabled="!( imgSrc && myForm.title.$valid && myForm.type.$valid   && myForm.link.$valid )" >立即上线
            </button>
            <button class="btn btn-default btn-success"
                    ng-click="draft()"
                    ng-disabled=" !imgSrc|| myForm.title.$invalid || myForm.type.$invalid    || myForm.link.$invalid"  >存为草稿
            </button>

编辑于2025-05-04

时间排序

热门排序

[武汉|首席弟子]JS-孟晨
0

首先需要知道表单验证，表单验证，所有的都是在表单内的也就是需要在<form>标签内的然后给<form>标签一个name，如下面这样<formname="formName">然后需要用到input内置的几个验证必填验证是否已输入字符，只需在标签上加上required：<inputtype="text"required/>Url验证输入字符是一个URL地址，同样只需设定input的type属性为url，像这样：<inputtype="url"name="homepage"ng-model="user.facebook_url"/>注意必填写在下拉框标签也是可行的将这2个加入... 查看全部>

编辑于2018-09-21
[萌新|散修弟子]JS-2171
0

1，利用ng-disabled属性和ng-model实现禁用button效果2，验证表单是否通过，限制不能点击按钮。$valid（class：ng-valid）Boolean表单按照规则是否验证通过，True是通过$invalid（class：ng-invalid）Boolean表单按照规则是否验证不通过，True是不通过$pristine（class：ng-pristine）Boolean表单是否没有使用，True为没有被使用$dirty（class：ng-dirty）Boolean表单是否使用，True为使用过查看全部>

编辑于2019-03-29

去第页