Question

我是AngularJS的新手，我开发了一个表单，其中在一个部分下，用户按下“+”按钮添加一行，然后填写值。代码如下。

<uib-accordion>
    <uib-accordion-group heading="Parameters" is-open="true">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>Key Name</th>
                <th>Value</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="cftParams in ctrl.app.cftParams track by $index">
                <td>
                    <input type="text" class="form-control" id="inputName" name="inputName"
                           ng-model="cftParams.key" placeholder="Enter name of parameter" ng-minlength='3'
                           ng-maxlength='100' required>
                    <span ng-show="!cftParams.key.length">Please enter a key.</span>
                </td>
                <td>
                    <input type="text" class="form-control" id="inputValue" name="inputValue"
                           ng-model="cftParams.value" placeholder="Enter value" ng-minlength='3'
                           ng-maxlength='100' required>
                    <span ng-show="!cftParams.value.length">Please enter a value.</span>
                </td>
                <td>
                    <button class="cbtn cbtn-plus" ng-click="ctrl.app.cftParams.splice($index, 1)">-
                    </button>
                </td>
            </tr>
            </tbody>
        </table>
        <button class="cbtn cbtn-plus" ng-click="ctrl.AddParameter()">+</button>
    </uib-accordion-group>
</uib-accordion>

现在，我想，如果用户按下“+”按钮，他/她将必须输入“key”和“value”的某些值。也就是说，如果没有输入键和值的值（如果他按下+按钮），他就无法提交表单。如果他不想输入这些值，他应该按“ - ”按钮删除该行。我该如何配置？我尝试添加＆lt; \ span＆gt;但那确实有别的。

Answer 1

我假设您在 <form> 之后的页面中有 <button> ，然后您可以通过此

<button type="submit" ng-disabled="formname.$invalid" class="cbtn cbtn-plus" ng-click="ctrl.AddParameter()">+</button>

如何在不填写值的情况下配置不允许提交表单？

1 个答案: