html - 在 Google 表格侧边栏上看不到验证气泡
问题描述
HTML 的新手。当用户未输入任何值或条目是数字时,我试图显示悬停在输入框上的气泡。我可以看到边框因输入无效而发生变化,但我没有看到带有错误消息的文本气泡悬停在输入上。这是安装侧边栏的 HTML 文件和 .gs 文件。
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<script>
function submitForm() {
document.getElementById("GetRows").reset();
}
</script>
<style>
input:invalid {
border: 2px dashed red;
}
input:valid {
border: 2px solid black;
}
</style>
</head>
<body>
<h3>Enter rows separated by commas</h3>
<form id="GetRows">
<label for="rows">rows</label>
<input type="text"
id="rows"
name="rows"
pattern="^[0-9]+(,[0-9]+)*$"
required
oninvalid="setCustomValidity('enter numbers separated by commas')"
oninput="setCustomValidity('') " >
<br>
<input type="button" value="Submit" onClick="submitForm();">
</form>
</body>
</html>
.gs 文件
function getRows() {
var form = HtmlService.createHtmlOutputFromFile('DoneTrades');
SpreadsheetApp.getUi().showSidebar(form);
}
解决方案
推荐阅读
- reactjs - 反应路由器不加载组件
- ruby-on-rails - Active Admin 不会安装:StringIO 类的超类不匹配(TypeError)
- sql - 在 2 个表上使用 UNION ALL 以获得特定结果
- matlab - MATLAB 神经网络:输入数量与 net.numInputs 不匹配
- javascript - 如何添加 if 语句来检查函数中的多个变量(Javascript)
- ios - 约束被系统停用
- r - 如何基于两个变量合并两个数据框?
- javascript - Javascript onmouseenter & onmouseleave
- typescript - “文本”类型上不存在属性“then”
- model-view-controller - Laravel 8 多个模型到单一视图错误 $address 未定义