用JS验证asp.net服务端控件

类别:Asp 点击:0 评论:0 推荐:
工作时不小心发现可以用javascript来验证asp.net服务端的控件,不过目前只局限于验证textbox(输入框)不能为空的情况。还有一个前提条件是,提交按钮必须是html的控件,再加上一个runat=server。
asp.net提供了自己的验证控件RequiredFieldValidator,通过设置ControlToValidate=“控件id”的值来验证某个textbox,当这个textbox值为空时,提交Form会在浏览器上显示一条信息,该错误信息值可以通过ErrorMessage来设置。但是这种验证一个不好的地方就是(就我知道的是这样)出错以后不能把焦点跳到textbox里,如果有很多textbox,当用户提交表单时,也许一眼看不到在浏览器上显示的错误信息,这个时候又提交不了,会让人莫名其妙。而且,错误提示信息就打印在浏览器上,有点不习惯。但是,要想用javascript来验证,这个是必须的。
如果只用javascript,虽然也能弹出提示框,但是后台程序根本不理会,继续执行。所以必须用RequiredFieldValidator和javascript结合,不要ErrorMessage这个属性,其验证效果和传统的客户端js验证是一样的。
记住,提交按钮必须是html的button控件(submit我没试过)加上runat=server。asp.net的button控件不支持Onclick调用javascript的用法。
写一个简单的例子:

<form name="Form1" runat="server">
    <asp:textbox id="test" runat="server"></asp:textbox>
    <RequiredFieldValidator ControlToValidate="test" runat="server"/>
    <input type="button" value="提交" runat="server" OnClick="javascript:Check();">
</form>

javascript:
function Check()
{
    if(Form1.test.value == "")
    {
        alert("该值不能为空!");
        Form1.test.focus();
        return false;
    }
}

本文地址:http://com.8s8s.com/it/it8429.htm