Question

这是mymodal的代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Insert Gejala</h4>
            </div>
            <form enctype="multipart/form-data" role="form" action="tambahgejalakeproses.php" method="POST">
            <div class="modal-body">
                <div class="form-group">
                    <label>Nama Gejala</label>
                    <input class="form-control" name="nama" type="text" placeholder="Masukkan Nama Gejala" required>
                </div>
                <div class="form-group">
                    <label>Tingkat Gejala</label>
                    <input class="form-control" name="tingkat" type="text" placeholder="Masukkan Tingkat Gejala" required>
                </div>
                <div class="form-group">
                    <label>Skor Gejala</label>
                    <input class="form-control" name="skor" type="text" placeholder="Masukkan Skor Gejala" required>
                </div>
                <div class="form-group">
                    <label>Batas Bawah</label>
                    <input class="form-control" name="bawah" type="text" placeholder="Masukkan Nilai Bawah Gejala" required>
                </div>
                <div class="form-group">
                    <label>Batas Atas</label>
                    <input class="form-control" name="atas" type="text" placeholder="Masukkan Nilai Atas Gejala" required>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Tambahkan</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </form>
            </div>
        </div>
    </div>
</div>

我想问一下，为什么输入文字的必要通知没有显示出来。当我按下提交按钮时，表单将重定向到插入数据到数据库的proses，虽然我的输入文本仍然是空的。

请帮助我。

之前谢谢

Answer 1

要考虑的一个问题是您使用的浏览器是什么？

为了使required属性正常工作，它必须是HTML5文档。因此，HTML顶部的文档类型需要如下所示： <!DOCTYPE html> 。我还建议在您的输入中添加aria-required属性，以使您的表单更易于访问。

<input class="form-control" name="skor" type="text" placeholder="Masukkan Skor Gejala" required="required" aria-required="true" />

希望这有帮助。

为什么需要通知表单没有显示在myModal中

1 个答案: