用javascript实现服务器端文本框的验证

工作时不小心发现可以用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="提交" Onlick="javascript::Check();">
</form>

javascript:

 

function Check()

{

if(form1.test.value=="")

{

alert("该值不能为空");

form1.test.focus();//返回文本框光标的位置

return false;

}

}