使用jquery附加选项后,附加到DropDownList的RequiredFieldValidator不会触发

时间:2014-07-03 21:12:52

标签: c# jquery asp.net validation

我正在用C#构建一个ASP.NET页面。页面上有2个下拉列表,都有一个必填字段验证器。第一个ddl是从代码隐藏绑定的。第二个ddl根据第一个ddl中选择的内容填充了对WebMethod的jquery ajax调用。

如果我在ddl中没有选择任何值的情况下提交表单,验证器会按预期触发。但是,当我在第一个ddl中选择一个值然后在第二个ddl中选择一个值并提交表单时,Page.IsValid属性为false。如果我检查Page对象中的validators集合并查看绑定到第二个ddl的验证器,则其valid属性为false。

我不知道还有什么可以尝试的。我已经尝试调用ValidatorEnable和ValidatorValidate来尝试在第二个ddl中选择一个值后重新注册客户端上的验证器,但它不起作用。

有人能告诉我发生了什么事吗?我该如何解决?我真的想避免使用回发来填充第二个ddl。如果有人有任何想法,我真的很感激一些帮助。

这是代码

<asp:RequiredFieldValidator runat="server" ControlToValidate="ddlState" Display="Dynamic" ErrorMessage="Required" InitialValue="" ValidationGroup="County" />
<asp:DropDownList ID="ddlState" runat="server" AutoPostBack="false" ValidationGroup="County" />

<asp:RequiredFieldValidator runat="server" ControlToValidate="ddlCounty" Display="Dynamic" ErrorMessage="Required" InitialValue="" ValidationGroup="County" />
<asp:DropDownList ID="ddlCounty" runat="server" AutoPostBack="false" ValidationGroup="County" />

$('#<%=ddlState.ClientID %>').change(function() {
                $('#<%=ddlCounty.ClientID %>').find('option').remove();

                var counties = $.ajax({
                                   type: "POST",
                                   contentType: "application/json; charset=utf-8",
                                   url: "County.aspx/GetCounties",
                                   data: "{'state':'" + $(this).val() + "'}",
                                   dataType: "json",
                                   dataFilter: function (data) { return data; },
                                   success: function(data) {
                                       var d = jQuery.parseJSON(data.d);
                                       $('#<%=ddlCounty.ClientID %>').append('<option value=""> - select - </option>');
                                       $.each(d, function(i, val){    
                                           $('#<%=ddlCounty.ClientID %>').append('<option value="'+ val +'">'+ val +'</option>');
                                       });
                                   },
                                   error: function (jqXHR, error, errorThrown) {
                                       if (jqXHR.status && jqXHR.status == 400) {
                                           alert("An error occurred. Please try again.");
                                           //alert(jqXHR.status + " -- " + jqXHR.responseText);
                                       }
                                   }
                               });
            });

由于

1 个答案:

答案 0 :(得分:0)

我的猜测是服务器不知道DropDownList具有与之关联的值。他认为他们没有价值观,所以不要验证他们。

我认为你必须在服务器代码中对ddlState的选定索引更改事件执行相同的数据绑定。

private void ddlState_SelectedIndexChanged(e as args) : ddlState.SelectedIndexChanged {
   // Do your databinding for ddlCountry;
}