Script/BubbleMsg.js

微信扫码关注公众号，代码整理好后第一时间通知你。

function getOffsetRect(elem) {
    var box = elem.getBoundingClientRect()

    var body = document.body
    var docElem = document.documentElement

    var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
    var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft

    var clientTop = docElem.clientTop || body.clientTop || 0
    var clientLeft = docElem.clientLeft || body.clientLeft || 0

    var top = box.top + scrollTop - clientTop
    var left = box.left + scrollLeft - clientLeft

    return { top: Math.round(top), left: Math.round(left) }
}

function HideInput() {
    var input = document.getElementsByTagName("input");

    for (var i = 0; i < input.length; i++) {
        if (input[i].type == 'text' || input[i].type == 'password') {
            input[i].onfocus = function () {
                var ErrorMsgID = document.getElementsByTagName("span");
                ErrorMsgID.className = "HideBubble";
                return false;
            }
        }
    }
}

function RequiredFieldValidation(TextBoxID, SpanID,ErrorMsg) {
    var j = getOffsetRect(TextBoxID);    
    var Width = TextBoxID.clientWidth + 10 + j.left;
    if (TextBoxID.value == "") {
        SpanID.className = "ShowBubble";
        SpanID.style.top = j.top + "px";
        SpanID.style.left = Width + "px";
        SpanID.innerHTML = ErrorMsg;
        return false;
    }
    return true;
}