asp.net客户端脚本验证小技巧

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

通用的客户端脚本验证

checkclient()
{
    var list = document.all;
    for(var i=0 ;i<list.length; i++)
    {
        var h = list[i].hint;
        if(h != null && h != "")
        {
            if(list[i].isdrop=="true" && list[i].value == "")
            {
                alert("请选择"+h);
                list[i].focus();
                return false;
            }
            else if(list[i].value == "")
            {
                alert(h + "不能为空");
                list[i].focus();
                return false;
            }
            else if(list[i].islaw=="true")
            {
                flag=checkTxtValue(list[i],h + "有非法字符！");
                if (flag == false)
                {
                    return false;
                }
            }
        }
    }
    return true;
}
function checkTxtValue(txtBoxIn,messtr)
{
//检查文本框是否有非法字符
    var strX = new Array('&','%','$','#','@','!','~','`','^','.',
    '\'', '*','\/','\\','\"',',','?','<','>','[',']','+', ';');
    var i;


    try
    {
        for(i=0;i<strX.length; i++)
        {
            if(txtBoxIn.value.indexOf(strX[i])>= 0)
            {
                if(messtr=="") alert('输入框中包含非法字符，请重新输入！');
                else alert(messtr);
                if(!txtBoxIn.disabled)
                {
                    txtBoxIn.select();
                    txtBoxIn.focus();
                }
                return false;
            }
        }
        return true;
    }
    catch(e) {return false;}
}

页面里的规则:

姓名:<input name="txttime" />

省份:<asp:DropDownList ID="ddloffice" runat="server" hint="省份" isdrop="true" >
</asp:DropDownList>

(注:由于我只需要是否为空和非法字符,所以只添加了hint,islaw,isdrop属性,若你有更多的需要，可以添加更多的属性,属性名只要能通过dom解析就OK了)

只能输入数字

onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
示例:
<input type="text" />

只能输入小数

style="ime-mode:Disabled;" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"
示例:
<input type="text" />

控件textarea的输入文本长度