验证消息(DIV层)
/******************** 验证信息(div) start ************************/
function divShow(){
//参数少于2个的时候,不进行处理
if(arguments.length < 2)
return;
var msg,e,msgWidth,leftPosition,topPosition,backColor;
msg = arguments[0];
e = arguments[1];
//获取信息显示宽度,如果没有设置,宽度=信息长度*15px
if(arguments.length >= 3)
msgWidth = arguments[2];
else
msgWidth = msg.length * 15;
//获取信息显示与对象横向位移,不设置时为0
if(arguments.length >= 4)
leftPosition = arguments[3];
else
leftPosition = 0;
//获取信息显示与对象纵向位移,不设置时为20
if(arguments.length >= 5)
topPosition = arguments[4];
else
topPosition = 20;
//获取信息显示的颜色,不设置时为黄色#ffff00
if(arguments.length >= 6)
backColor = arguments[5];
else
backColor = "#BBE9FF";
var divObj = document.getElementById("showMyMessage");
divObj.style.background = backColor;
divObj.innerHTML = msg;
divObj.style.width = msgWidth;
divObj.style.height = "20px";
divObj.style.color="#b22222";
divObj.style.display = ""; //层显示
divObj.style.top = e.getBoundingClientRect().top + topPosition + document.body.scrollTop;
divObj.style.left= e.getBoundingClientRect().left + leftPosition + document.body.scrollLeft;
}
function divHidden(){
document.getElementById("showMyMessage").style.display = 'none';
}
/******************** 验证信息(div) end ************************/
divShow()
使用方法:
1.至少传两个参数进去
arguments1:显示的内容 如:该文本不能为空
arguments2:作用的对象; 如:MyForm.text1
arguments3:宽度
.....
共六个可用参数
详细见js

浙公网安备 33010602011771号