引導模態表格未提交

Question

我有以下與引導程序模式形式有關的html代碼。 當用戶將焦點放在特定的文本字段上並按Enter時，將不提交表單。 相反，如果我刪除兩個“輸入”標簽（名字或姓氏）之一，則它起作用（並顯示警報）。 怎么可能

<html>
<head>
<link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
    <div class="modal fade" id="modal-user" role="dialog">
        <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">Enter your name</h4>
                </div>
                <div class="modal-body">
                    <form id="contact_form" action="javascript:alert('test')"
                        method="POST">
                        First name: <input type="text" name="first_name"><br />
                        Last name: <input type="text" name="last_name"><br />
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" id="submitForm" class="btn btn-default">Send</button>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="../vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

</body>

</html>

Answer 1

將發送按鈕放入表單中，並使其type='submit' 。

Answer 2

我發現具有兩個以上字段的表單始終需要有一個提交按鈕才能正確提交（通過按鈕或通過“返回”鍵），即使您不希望用戶使用該按鈕（在這種情況下，您可以將“不顯示”設置為按鈕）

引導模態表格未提交

問題描述

2 個解決方案

解決方案1
1 2018-06-15 19:44:19

解決方案2
0 2018-06-15 20:20:54

引導模態表格未提交

問題描述

2 個解決方案

解決方案1 1 2018-06-15 19:44:19

解決方案2 0 2018-06-15 20:20:54

解決方案1
1 2018-06-15 19:44:19

解決方案2
0 2018-06-15 20:20:54