data-dismiss="modal"

Posted hpwd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了data-dismiss="modal"相关的知识,希望对你有一定的参考价值。

提交按钮不加:

技术图片

 

 加上则不会出现提示,直接关闭弹出框

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog " role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #dedede">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">ADD</h4>
                <div class="modal-body">
                    <form id="addForm" onsubmit="return false" action="#" method="post" style="width: 70%">
                        <div class="form-group">
                            <label for="Provider" class="form-inline" style="font-weight:normal">Provider
                                <input type="text" name="UserName" id="Provider" style="width:14.2em;" class="form-control" required="required" placeholder="NOT NULL" onblur="checkIsNull(this)checkName()">
                                <div id="roName" style="color: #843534;display: inline;"></div>
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="Status"  class="form-inline" style="font-weight:normal">&nbsp;&nbsp;&ensp;Status
                                <select id="Status" class="form-control"  style="width:14.2em;">
                                    <option th:each="status : ${statusList}" th:text="${status.name}" th:value="${status.value}"></option>
                                </select>
                            </label>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" id="btn_submit" onclick="addRole()" class="btn btn-success"
                                    >Ok
                            </button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Close
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

以上是关于data-dismiss="modal"的主要内容,如果未能解决你的问题,请参考以下文章

关闭引导模式而不使用“隐藏”和“数据关闭”

为啥 Bootstrap data-dismiss 和 modal('hide') 不起作用?

文件上传FormData

静态实例

弹出框选择的做法

懂bootstrap的过来看看,bootstrap模态框的问题