javascript - 如何在 JavaScript 中找到表单验证不起作用
问题描述
<script>
function validate() {
var username = document.getElememtById("uname");
var password = document.getElememtById("pass");
if (username.value == "" || password.value == "") {
alert("no data");
}
}
</script>
<form>
<input id="uname" type="text" placeholder="username"></input>
<input id="pass" type="password" placeholder="password"></input>
<button onclick="validate()" type="submit">Submit</button>
</form>
解决方案
防止使用默认行为e.preventDefault
,并且还有错字getElememtById
function validate(e) {
e.preventDefault();
var username = document.getElementById("uname");
var password = document.getElementById("pass");
if (username.value == "" || password.value == "") {
alert("no data");
}
}
<form>
<input id="uname" type="text" placeholder="username" />
<input id="pass" type="password" placeholder="password" />
<button button type='submit' onclick="validate(event)" type="submit">Submit</button>
</form>
推荐阅读
- android - 如何处理更新 UI 的 RecyclerView 内的点击?
- javascript - 如何为 React App 中的组件实现工厂模式?
- c# - .NET Core 获取配置 appsettings.json 值
- angular - 关于如何更新 Angular 版本的建议
- python - 分裂正态分布
- wordpress - 使用 WP_UnitTestCase 编写功能测试
- json - 通过使用 Neo4j APOC 解析 JSON 获取数组的最后一个元素
- java - 如何验证 Maven 依赖项是否与 Java 11 兼容
- python - Python for 循环问题中的 Web 抓取未返回预期数据
- mule - 从 AWS S3 存储桶转换 Excel 文件时,Mulesoft 工作流程中出现过载错误