HTML代码:
JavaScript代码:
function showUserInfo() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
// 判断输入是否为空
if(name === "" || age === "") {
alert("请输入姓名和年龄!");
return;
}
// 显示输入信息
alert("姓名:" + name + "\n年龄:" + age);
}
当单击“提交”按钮时,showUserInfo()
函数将根据id
属性获取姓名和年龄输入框的输入值,然后显示一个弹出信息框,显示输入的姓名和年龄。在函数中添加了一个检查,如果某些输入为空,它将显示一个警告消息。