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

最新推荐文章于 2022-03-11 17:33:42 发布

皮甲龙龟

最新推荐文章于 2022-03-11 17:33:42 发布

阅读量1.2k

点赞数 2

分类专栏： javascript asp.net C# 文章标签： asp.net 服务器 textbox function server asp

本文链接：https://blog.csdn.net/ysq5202121/article/details/7976086

版权

asp.net 同时被 3 个专栏收录

53 篇文章 0 订阅

订阅专栏

33 篇文章 0 订阅

订阅专栏

javascript

26 篇文章 0 订阅

订阅专栏

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();
            });

        })

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