jquery客户端验证asp.net答案

【问题标题】：Jquery client validation asp.netjquery客户端验证asp.net
【发布时间】：2012-05-05 01:27:25
【问题描述】：

我是 jquery 的新手；我正在使用 jquery 验证，如下所示：

    function validate() {
        return $('#aspnetForm').valid();
    }



<asp:Button UseSubmitBehavior="false" ID="Button1" runat="server" Text="Button" OnClientClick="return validate();" OnClick="btnSubmit_Click"></asp:Button>

这在 asp.net 中可行吗？； 目前，如果函数返回 true，则此按钮不会后退

【问题讨论】：

jQuery Validation plugin in ASP.NET Web Forms的可能重复
我将 java 脚本更改为函数 validate(e) { if ($('#aspnetForm').valid()) { __doPostBack($(e).attr("name"), "" );返回真； //继续 } else { return false; //取消; } } 现在可以工作了

标签： jquery asp.net

【解决方案1】：

您需要 jQuery 库、jQuery 验证插件和元插件。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://jquery-multifile-plugin.googlecode.com/svn-history/r16/trunk/jquery.MetaData.js"></script>

<form id="form1" runat="server">
    <asp:TextBox ID="txtEmail" runat="server" class="{required:true, email:true,messages:{required:'required.',email: 'invalid email!' }}"></asp:TextBox>
    <!-- ... -->
    <asp:Button ID="btnSubmit" runat="server" Text="submit" />
</form>

在 asp.net 表单上使用 jQuery 验证插件的 validate()。

<script type="text/javascript">
    $(document).ready(function () {
        $("#form1").validate();
    });
</script>

【讨论】：