Javascript 无法通过警报消息验证引导模式中的用户输入

我能够在正常页面中验证用户表单，而无需使用模式，如果提交带有空文本字段的表单，则会弹出警报

现在，我试图让一个模态内的表单，并试图验证它，但是验证没有显示出来，并将空白数据插入到数据库。

这是部分代码

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Upload </h4>
      </div>
      <div class="modal-body">

        <form method="POST" >

            <p>EventTitle : 
            <input type="text"  name="eTitle" id="eTitle" placeholder="Say something about this image...">
            </p>

            <script type= "text/javascript">
            $(document).ready(function(){  
      $('#createEvent').click(function(){  

            var event_Title = $('#eTitle').val();
            if(event_Title =='')
            {
                alert("Title cannot be empty");
                return false;
            }

            });  

            });  
            </script>

      </div>
      <div class="modal-footer">
        <input type="submit" name="createEvent" id="createEvent" value="Insert" class="btn btn-info">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
        </form>
    </div>

开放模式
&时代；
上传
活动名称：

$（文档）.ready（函数（）{
$（'#createEvent'）。单击（函数（）{
var event_Title=$（'#eTitle'）.val（）；
如果（事件标题=“”）
{
警告（“标题不能为空”）；
返回false；
}
});  
});  
接近

首先，您可以使用内置的HTML required属性来验证空输入

例如：

否则，如果（！event_Title.length>0）{…}

还有一个建议，我建议从html代码中删除javascript，并将其放在文件底部或外部文件中

---

希望这有帮助，如果这不起作用，请随时联系。

可能相关，也可能无关，但您的HTML是invalid@PatrickQ你说的“无效”是什么意思？“但是验证并没有显示出来，并将空白数据插入数据库”——这被标记为PHP，但没有代码，而且你提到了数据库；这里也是一样。

我真的不知道该怎么说。您的HTML无效。您的标签顺序不正确。