Javascript 在电子表格的html表单上添加所需输入

我试图在谷歌电子表格上创建一个HTML表单，问题是“required”属性不起作用

目前，当我提交表单时，唯一需要的字段是无线电输入“type”。 我希望所有的输入都是必需的，并且如果其中一个字段是空的，就不能提交表单

如果有人能检查一下我的错误就好了。谢谢

这是我的html：

新交易
日期
客户
类型
阿查特
支付
蒙坦特
€
瓦利德
函数validationBouton（）{
if（validate（））{
var date11=document.getElementById（“date1”）；
var client11=document.getElementById（“client1”）；
var type11=document.querySelector（'input[name=“type”]：checked'）。值；
var montant11=document.getElementById（“montant1”）；
var rowData={date1:date11.value，client1:client11.value，type1:type11，montant1:montant11.value}；
google.script.run.withSuccessHandler（afterValidate）.addNewRow（rowData）；
}否则{
//后来
//$（'#errorNotification'）.toast（'show'）；
}
}
功能验证（e）{
var date11=document.getElementById（“date1”）；
var client11=document.getElementById（“client1”）；
var type11=document.querySelector（'input[name=“type”]：checked'）；
var montant11=document.getElementById（“montant1”）；
date11.value=“”；
client11.value=“”；
type11.checked=false；
montant11.value=“”；
//$（'successNotification'）.toast（'show'）；
}
函数验证（）{
var champsAValider=document.queryselectoral（“#用户表单输入”）；
返回Array.prototype.every.call（champsAValider，function（el）{
返回el.checkValidity（）；
});
}
document.getElementById（“main按钮”）.addEventListener（“单击”，validationBouton）；

---

您需要

表单

元素来告诉浏览器查看字段以验证它们。表单在单击提交时消失，因为从技术上讲，应该有一个action属性

要覆盖默认行为，请在表单标记中的

onsubmit

属性中包含，该属性告诉它在单击表单上的提交按钮时要运行哪个函数

尝试在不输入任何内容的情况下单击submit按钮，然后输入信息并测试表单是否消失，如下例所示

用户名：
函数myFormHandler（）{
返回false；
}

您的代码太多了。简化它，您可能会得到答案您还应该将包含所有输入字段的代码包装在

中谢谢您的回答@史蒂夫托姆林一世lines@S.Ramjit当我把它包装在表单中时，当我提交它时，它就消失了