时间戳

首页 > 解决方案 > 模态框内的提交按钮

javascript - 模态框内的提交按钮

问题描述

我submit在模态框内有按钮。但是，这不会触发。我怎样才能让它工作。

$('#test').on('shown.bs.modal', function (event) {
    $('.submit-button').on('submit', function(event) {
        console.log('submit');
    });
});



<div class="modal" role="dialog" id="test">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">TestModal</h4>
                </div>
                <div class="modal-body">
                   <h1>Modal Data</h1>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default submit-button">Click For Modal</button>
                </div>
            </div>
        </div>
    </div>

标签： javascript

解决方案

提交按钮仅在您将其包装在标签内时才起作用，并且还要更改要提交的类型。

<form>
 <button type="submit" >Submit</button>
</form>

推荐阅读