日期:2014-05-17  浏览次数:21096 次

ASP.NET服务器验证控件和JS自定义验证同时使用(小技巧)

ASP.NET服务器控件毕竟还是有其局限性,很多时候是不能够满足我的验证的需求,这个时候我们就可以采用服务器控件和JS自定义验证同时来实现验证功能。

那么到底怎么来实现呢?很简单,看下面代码。

 $(function() {

            $("#按钮ID").click(function() {
               这里可以写自定义验证
             如果全部通过
            return true;
            如果不通过 
            return false
            });

        })
其实就是在为提交按钮注册一个方法,不过这个方法要在服务器自动生成的方法后面,不能够直接加在按钮上面

再贴一下短代码

    <asp:TextBox ID="txtTitle" runat="server" Style="width: 250px"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RqfTitle" runat="server" ErrorMessage="标题不能为空" ControlToValidate="txtTitle"></asp:RequiredFieldValidator>
    省略。。。。。。。。
    <asp:Button ID="btnSave" runat="server" Text="提交" CssClass="coolbg" OnClick="btnSave_Click"     />

function VerDate() {
            if ($("#languageID_2").val() == "" || $("#languageName_2").val() == "") {
                $("#verLanguage").html("请选择语言");
                return false;
            }
            else {
                $("#verLanguage").html("");
            }

            if ($("#IndustriesID_1").val() == "" || $("#IndustriesName_1").val() == "") {
                $("#verIndustries").html("请选择领域");
                return false;
            }
            else {
                $("#verIndustries").html("");
            }
            return true;
        }

        $(function() {

            $("#<%=btnSave.ClientID %>").click(function() {
                return VerDate();
            });

        })

也有很多方式或者方法可以同时实现,大家可以多试试。