OnClientClick用法 单击服务器 button 前先调用 JS 验证剩余字数,超出返回,不执行后台

OnClientClick用法 单击服务器 button 前先调用 JS 验证剩余字数,超出返回修改,不执行后台

 

<asp:Button ID="btnPublish" runat="server" Text="发送" OnClientClick="return sendfalse()" OnClick="btnPublish_Click" />

 

var len = 300;

function Q(s) { return document.getElementById(s); }

function checkWord(c) {

    var str = c.value;

    myLen = getStrleng(str);

    var wck = Q("counter");

    if (myLen > len * 2) {

        wck.innerHTML = Math.floor((len * 2 - myLen) / 2);

        //                document.getElementById("btnPublish").disabled = true;

        document.getElementById("btnPublish").setAttribute("class", "");

    }

    else {

        wck.innerHTML = Math.floor((len * 2 - myLen) / 2);

        //                document.getElementById("btnPublish").disabled = false;

    }

}

function getStrleng(str) {

    myLen = 0;

    for (i = 0; i < str.length; i++) {

        if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)

            myLen++;

        else

            myLen += 2;

    }

    return myLen;

}

function sendfalse() {

    if (myLen > len * 2) {

        alert("字数已达上限");

        return false;

    }

}

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>