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;
    }
}

你可能感兴趣的:(client)