用javascript代码写出一个网页，有请输入姓名输入框，请输入邮箱输入框，用户在页面上点击按钮可以把文本框中的数据在表格新的一行中显示，如果输入框有一项内容为空，弹出对话框将数据填入完全

在JavaScript中，我们可以创建一个简单的HTML页面，并利用JavaScript处理表单验证和数据展示。以下是一个示例代码： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>姓名和邮箱输入</title> </head> <body> <form id="inputForm"> <label for="name">姓名：</label> <input type="text" id="name" required><br> <label for="email">邮箱：</label> <input type="email" id="email" required><br> <button onclick="submitData()">提交</button> </form> <table id="dataTable" border="1"> <thead> <tr> <th>姓名</th> <th>Email</th> </tr> </thead> <tbody></tbody> </table> <script> function submitData() { const name = document.getElementById('name').value; const email = document.getElementById('email').value; if (!name || !email) { alert("请输入完整的信息！"); return; } const newRow = document.createElement('tr'); const nameCell = document.createElement('td'); nameCell.textContent = name; newRow.appendChild(nameCell); const emailCell = document.createElement('td'); emailCell.textContent = email; newRow.appendChild(emailCell); document.getElementById('dataTable').getElementsByTagName('tbody')[0].appendChild(newRow); } </script> </body> </html> ``` 在这个例子中，当用户点击“提交”按钮时，`submitData()` 函数会被触发。它首先获取输入框中的姓名和邮箱值，然后检查这两个字段是否都已填写。如果有一个或两个字段为空，会弹出对话框提示用户。如果没有空值，会在表格的新一行添加用户输入的数据。

阅读全文

用javascript代码写出一个网页，有请输入姓名输入框，请输入邮箱输入框，用户在页面上点击按钮可以把文本框中的数据在表格新的一行中显示，如果输入框有一项内容为空，弹出对话框将数据填入完全

最新推荐

vue实现一个6个输入框的验证码输入组件功能的实例代码

jquery实现input输入框实时输入触发事件代码

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

JavaScript如何实现在文本框(密码框)输入提示语

解决Android软键盘弹出覆盖h5页面输入框问题

Angular实现MarcHayek简历展示应用教程

管理建模和仿真的文件

深入剖析：内存溢出背后的原因、预防及应急策略（专家版）

Java中如何对年月日时分秒的日期字符串作如下处理：如何日期分钟介于两个相连的半点之间，就将分钟数调整为前半点

Crossbow Spot最新更新 - 获取Chrome扩展新闻