最近在做表单判空时,按照从前的思路使用if结构结合||运算判断每个表单控件的value
if (!uname.value || !age.value || !salary.value) {
return alert('输入内容不能为空')
}
//uname 等为获取的表单控件对象
但是后面发现这样写太过死板,如果增加控件那么代码又需要修改(增加if结构里的value判断),所以就有了优化版本,如下:
const items=document.querySelectorAll('[name]')
//因为表单需要传输信息,所以都会设置name属性,这里我们用属性选择器来获取表单控件对象列表
//感觉这样写很好,代码简介逻辑清晰,改动小
for(let i=0;i<items.length;i++)
{
if(items[i].value===''){
return alert("请输入完整数据!!!")
}
}