因为自己比较懒,所以就写了个统一验证<input>是否为空的js函数,只需要如下调用<input id="input_1" οnblur="checkNull(this.id)"></input>
优点:只需要在<input>里设置 οnblur="checkNull(this.id)"方法和id就可以
缺点:有可能导致前端显示变形
function checkNull(id)
{
var checkNode=document.getElementById(id);//根据传过来的id获取要进行判断的节点
var noticeNodeId=id+"CheckedResult";//设置唯一的提醒节点id,防止各提醒节点冲突
var noticeNode;//提醒节点
if(checkNode.nextSibling.id!=noticeNodeId)//要进行判断的节点的下一个节点是否为提醒节点
{
var noticeElement=
document.createElement("<span style=\'color:red;\' id=\'"+noticeNodeId+"\'></span>");
//创建节点,并赋值为noticeNode
noticeNode=checkNode.parentNode.insertBefore(noticeElement,checkNode.nextSibling);
}
else
{
//如果要判断的节点的下一个节点是提醒节点,则把提醒节点赋值给noticeNode
noticeNode=checkNode.nextSibling;
}
if(checkNode.value=="")
{
noticeNode.innerHTML="请输入完整!";
}
else
{
noticeNode.innerHTML="";
}
}