asp.ne如何使用javascript去验证客户端信息，如果验证成功则送往服务器端处理，否则在客户端提示用户（不返回到服务器端处理）

一、问题

在网站一般都有很多地方需要用户去填写一些信息，然后用户点击提交，将信息送往后台储存到数据库中。在这一个过程我以前做法直接在button的click事件中来判断用户输入的数据是否完整和合法，虽然这样可以实现验证用户输入的信息，但是每次用户点击提交按钮时候页面都会刷新一次，这样对用户会造成比较差的体验。如果我们把用户验证消息这一步放到客户端，当用户输入正确的信息时候才提交到服务器去处理，否则不提交到服务器，也就是不刷新页面。

这样实现的好处我认为有以下两点：1、有更好的用户体验。2、编写服务器端代码时候不会有一大推的逻辑验证的代码，让代码看起来更舒服、整洁（个人很讨厌这样很多验证信息的逻辑代码）

二、解决方案

1、asp.net的button控件有两个事件

a、onclick：在服务器端执行的代码(c#代码）。

b、OnClientClick：在客户端执行的代码(javascript代码）

这两个事件执行的先后的关系是，先执行OnClientClick事件，如果OnClientClick执行之后返回为true，再执行onclick代码，否则不执行onclick的代码，通过对这两个事件的分析我们就可以很容易的使用客户端的javascript的脚本对用户输入的信息进行验证了，如果验证通过了返回true，执行服务端的代码，否则不返回到服务器端。通过这两个事件就可以实现我们想要的效果了。

2、接下来我们开始写代码吧。aspx的客户端代码如下。

html：

<body>

    <form id="form1" runat="server">

    <div>

        <asp:Button ID="Button1" runat="server" Text="Button"

            OnClientClick ="return clientClick()" onclick="Button1_Click" />

        <input id="txtName" type="text" />

    </div>

    </form>

</body>

　　 javascript：

function clientClick() {

            var el = document.getElementById("txtName");

            if (el.value == "") {

                alert("请输入用户名");

                return false;

            }

            return true;

        }

    </script>

　　在写客户端代码有一个需要注意的地方，一般情况我们写html上的某个元素的事件执行函数一般是这样写的如：onclick=“clickMethod”，根本不会再前面加上一个return，但是这个OnClientClick却不一样，如果你不加上return的话，即使你在javascript中的代码的返回值为false，当你点击提交了之后计算是它还是会执行服务器端的代码。所以在验证客户端信息的时候一定要在javascript的方法前面加上return。

3.服务器的代码如下：

 protected void Button1_Click(object sender, EventArgs e)

         {

             Response.Write("用户已经输入的用户名");

         }

只需要通过简单的三步就能实现在客户端验证用户输入的信息，只有当正确时候才会返回让服务器去处理。

如果有些的不好的，或者是有什么不足的地方，希望各位能够能够指出来。谢谢。

三、引用

参考：http://blog.163.com/xiao_mege/blog/static/72942753201072053841131/