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

可以用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;
    }
}

 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值