Fatal编程技术网
  • html/
  • Html text所需区域在引导模式下不工作

Html text所需区域在引导模式下不工作

html

Html text所需区域在引导模式下不工作,html,angular-ui-bootstrap,bootstrap-modal,Html,Angular Ui Bootstrap,Bootstrap Modal,我有一个引导模式主体中的必填字段的小问题，理想情况下，我希望在提交之前验证该字段，但由于某些原因，必填字段正在工作，您能看一下吗 <body> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="$dismiss()" > <s

我有一个引导模式主体中的必填字段的小问题，理想情况下，我希望在提交之前验证该字段，但由于某些原因，必填字段正在工作，您能看一下吗

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


&时代；
附加信息：（此信息将添加到所选的所有事件中）
补充意见：

取消
创造
谢谢

尝试将按钮包含在
表单
标签中：

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


补充意见：

取消
让我知道这是否有帮助

尝试将按钮包含在
表单
标记中：

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


补充意见：

取消
让我知道这是否有助于将提交按钮从
type=“button”
更改为
type=“submit”
。 
required
属性仅在有
submit
事件侦听器时有效。 退房：

将提交按钮从
type=“button”
更改为
type=“submit”
。 
required
属性仅在有
submit
事件侦听器时有效。 退房：

只是为了安慰一下。。这就是HTML在视图中的外观吗？因为如果
在
下面，那么这将被视为一个空格。事实并非如此，它在同一行中，没有空格，我想这是在我编辑发布时发生的，您正在使用哪个版本的IE？您是否尝试在单击按钮时验证？如果是这样的话，你必须在表单中包含按钮元素。我在chrome和Firefox中尝试过，但现在这是我的主要任务。我在单击按钮时进行验证，但如果我理解正确，我希望按钮位于模式页脚中。只是为了确保。。这就是HTML在视图中的外观吗？因为如果
在
下面，那么这将被视为一个空格。事实并非如此，它在同一行中，没有空格，我想这是在我编辑发布时发生的，您正在使用哪个版本的IE？您是否尝试在单击按钮时验证？如果是这样的话，你必须在表单中包含按钮元素。我在chrome和Firefox中尝试过，但现在不起作用，这是我的主要工作，我在点击按钮时进行验证，但如果我理解正确，我希望按钮位于模式页脚中。嗯，我将按钮更改为输入。。试试看不：（我想我可能需要使用一些JavaScript技巧来检查字段是否为空
ng click=“$close（）”ng disabled=“inputForm.$invalid”
？您可以删除ng disabled=“inputForm.$invalid”我之前尝试了其他方法，ng click只是一个事件侦听器，用于单击按钮我将按钮更改为一个输入。试试看不：（我想我可能需要使用一些JavaScript技巧来检查字段是否为空，
ng click=“$close（）”ng disabled=“inputForm.$invalid”
？您可以删除禁用的ng=“inputForm.$invalid”我之前尝试了其他方法，只需单击事件侦听器，即可单击按钮