Javascript 气体按钮或输入[submit]保持刷新页面？为什么？

我刚刚启动了一个新的Google应用程序脚本，并创建了一个简单的表单，表单后面有一些jQuery来处理验证，如下所示

但是每当我点击我创建的

时，它就会刷新页面。同样的事情也发生在

按钮上

你知道为什么这会影响他的健康，以及如何预防吗

使用下面的表单在日历中输入新条目
标题：
说明：
日期：
一天中的时间
开学前
早晨
午餐时间/下午
放学后
插入
$（文档）.ready（函数（）{
$（“#日期选择”）。日期选择器({
日期格式：“日/月/年”
});
$（“#创建”）。单击（插入）；
});
函数insertional（）{
var title=document.getElementById（“title”）.value；
var descr=document.getElementById（“description”）.value；
var date=document.getElementById（“日期选择”）.value；
var time=document.getElementById（“选择”）.value；
警报（标题）；警报（描述）；警报（日期）；警报（时间）；
}

您犯了一个简单的HTML/jQuery错误。您的按钮有一个

类，但没有唯一的
id
：

<button class="create">Insert</button>
        ^^^^^^^^^^^^^^

$("#create").click(InsertIntoCal);
   ^^^^^^^

$("#insert-entry").click(InsertIntoCal);

因此，
insertional（）
永远不会被调用

您希望将
类
用于样式设置，因此保留它，但添加一个
id
，如下所示：

<button class="create" id="insert-entry">Insert</button>

您可以在下面的代码片段中进行尝试

WRT
-这在谷歌应用程序脚本中不起作用，没有
POST
处理程序等待表单提交。相反，您需要不断扩展
insertional（）
处理程序，以便将表单内容发送到服务器端处理程序



使用下面的表单在日历中输入新条目
标题：
说明：
日期：
一天中的时间
开学前
早晨
午餐时间/下午
放学后
插入
$（文档）.ready（函数（）{
$（“#日期选择”）。日期选择器({
日期格式：“日/月/年”
});
$（“#插入项”）。单击（插入项）；
});
函数insertional（）{
var title=document.getElementById（“title”）.value；
var descr=document.getElementById（“description”）.value；
var date=document.getElementById（“日期选择”）.value；
var time=document.getElementById（“选择”）.value；
警报（标题）；警报（描述）；警报（日期）；警报（时间）；
}
要刷新，请尝试将按钮置于表单标记之外