要对表格行进行验证,可以使用JavaScript来实现。以下是一个包含代码示例的解决方法:
HTML代码:
JavaScript代码:
function validateRow(button) {
var row = button.parentNode.parentNode; // 获取当前行
var nameInput = row.querySelector('.name'); // 获取姓名输入框
var ageInput = row.querySelector('.age'); // 获取年龄输入框
// 进行验证
if (nameInput.value === '') {
alert('请填写姓名');
return;
}
if (isNaN(ageInput.value) || ageInput.value === '') {
alert('年龄必须是数字');
return;
}
// 验证通过,可以进行其他操作
// ...
alert('验证通过');
}
在上述示例中,我们使用了querySelector
方法来获取当前行中的姓名输入框和年龄输入框。然后,我们进行了一些验证,例如检查姓名是否为空,年龄是否为数字等。如果验证失败,我们使用alert
方法显示错误消息。如果验证通过,您可以在验证通过的代码块中执行其他操作。
您可以根据实际需求修改代码来满足您的要求。
下一篇:表格行顶部的填充