搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JavaScript 表单提交前验证示例 - 基础教程(div.cn)</title> <body> <form action="demo-form.php" onsubmit="return validateForm()" method="POST"> <label for="uname">Name:</label> <input type="text" name="username" id="uname"> <input type="submit" value="Submit"> </form> <script> function validateForm() { let x = document.getElementById("uname").value; // 获得输入值 if (x == "") { //如果x为空，则弹出警告消息，不要提交表单 alert("姓名必须填写"); return false; } } </script> </body> </html>
运行结果
