Question

我有以下与bootstrap模式表单相关的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个以上字段的表单总是需要一个提交按钮才能正确提交（通过按钮或通过＆＃34; return＆＃34;键）即使你不希望用户使用该按钮（在这种情况下，您可以将按钮设置为无按钮）

bootstrap模态表单未提交

2 个答案: