TextArea 需要在引导模式下不工作答案

【问题标题】：TextArea required not working in bootstrap modalTextArea 需要在引导模式下不工作
【发布时间】：2020-05-01 11:34:08
【问题描述】：

我对引导模式正文中的必填字段有一个小问题，理想情况下，我想在提交之前验证该字段，但由于某种原因 required 正在工作，请你看看

    <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>

谢谢

【问题讨论】：

只是为了放心..这完全您的 HTML 在您的视图中看起来如何？因为如果</textarea> 在<textarea class="form-control" rows="2" cols="68" id="comment" placeholder="Additional parent Info" required> 之下，那么这将被视为一个空格..
不是这样的，它在同一行没有空格，我想这是我编辑发帖时发生的
你用的是什么版本的IE？
您是否尝试验证按钮点击？如果是这样，您必须在表单标签中包含按钮元素
我在 chrome 和 Firefox 中尝试过，这对我来说是目前的主要问题，我正在验证按钮点击，但如果我理解你的话，我希望按钮位于模态页脚中。

标签： html angular-ui-bootstrap bootstrap-modal

【解决方案1】：

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

【讨论】：

【解决方案2】：

尝试在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>

如果这有帮助，请告诉我

【讨论】：

嗯我把按钮改成输入了..试试看
不 :( 我想我可能需要使用一些 JavaScript 技巧来检查该字段是否为空
什么是ng-click="$close()" ng-disabled="inputForm.$invalid"？
你可以删除 ng-disabled="inputForm.$invalid" 我之前尝试过别的东西，ng-click 只是一个事件监听器来点击按钮