Question

我在bootstrap模式的主体中有一个小问题，理想情况下我想在提交之前验证字段但是由于某些原因需要工作，请你看看

    <body>
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="$dismiss()" >
            <span aria-hidden="true">&times;</span>
        </button>
        <h5 class="modal-title"><b>Additional Information:</b> ( This info will be added to all incident selected )</h5>
    </div>


    <div class="modal-body">
        <p>Additional Comments :</p>
        <form name="modalForm">
            <div class="form-group">
                <textarea class="form-control" rows="2" cols="68" id="comment" placeholder="Additional parent Info" required></textarea>
            </div>
        </form>
    </div>


    <div class="modal-footer">
        <button type="button" class="btn btn-default" ng-click="$dismiss()">Cancel</button>
        <button type="button" class="btn btn-primary" ng-click="$close()" >Create</button>
    </div>

</body>

由于

Answer 1

尝试在form标记内添加按钮：

<div class="modal-body">
    <p>Additional Comments :</p>
    <form name="modalForm">
        <div class="form-group">
            <textarea class="form-control" rows="2" cols="68" id="comment" placeholder="Additional parent Info" required></textarea>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" ng-click="$dismiss()">Cancel</button>
            <input type="submit" class="btn btn-primary" ng-click="$close()" ng-disabled="inputForm.$invalid" value="Create" />
        </div>
    </form>
</div>

如果有帮助，请告诉我

Answer 2

将您的提交按钮从type="button"更改为type="submit"。 required属性仅在有submit个事件侦听器时起作用。查看： Form inputs in modal not showing as required

TextArea不需要在bootstrap模式中工作

2 个答案: