Html 按下“提交”按钮时不会发生任何情况

我不知道我做错了什么，这在索引页面上非常有效，当然还有另一个代码，一些较小的代码，但是表单提交到了那里

在这里，我试图用一个表单创建一个模态，表单将被用来创建一篇新文章，但是提交按钮不起作用，当它被按下时，什么也没有发生。我真的不知道有什么问题

代码：

下面是函数：

<script>
function validate(){
    var n1 = document.getElementById("createArticleTitle");
    var n2 = document.getElementById("createArticleMes");
    if(n1.value != "" && n2.value != ""){
        return true;
    }
    alert("You must add a title and a message atleast.");
    return false;
}
</script>

函数验证（）{
var n1=document.getElementById（“CreateActureTitle”）；
var n2=document.getElementById（“createArticleMes”）；
如果（n1.value！=“”&n2.value！=“”）{
返回true；
}
警报（“您必须至少添加标题和消息。”）；
返回false；
}
不要使用没有任何属性的
标记，尝试使用类似的方法

<form action="welcome.php" method="post">

问题是我使用了两次

<div class="box-body pad">
                  <form>
                    <textarea class="textarea" placeholder="Insert the article here..." id="createArticleMes" name="createArticleMes" maxlength="10000" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                  </form>
                </div>


您应该发布validate（）函数。。。也许你没有从另一个页面复制那段代码？@xu因为控制台中没有错误。不要在你的问题中包含修复，而是发布一个答案。
<div class="box-body pad">
                  <form>
                    <textarea class="textarea" placeholder="Insert the article here..." id="createArticleMes" name="createArticleMes" maxlength="10000" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                  </form>
                </div>