禁用验证器但验证器标注仍然显示并导致验证

时间:2009-06-26 16:30:30

标签: asp.net javascript validation

我正在尝试验证在转发器中的产品数量文本框中输入了某个产品的增量。问题是每个产品的增量都不同,所以我需要将它作为每个调用的变量来验证它(我不认为你可以使用自定义验证器),我需要客户端使用ValidatorCalloutExtender 。我想出的最好的解决方案是触发一个RegEx验证器,它将通过我自己的javascript评估false(另一个验证器负责确保它是一个有效的数字)。问题是使用ValidatorCalloutExtender,当我禁用验证器时,它仍然将其标记为无效(文本框闪烁白色然后再次变为黄色(意味着它无效),即使我发出了JavaScript警报并且我知道验证器被禁用。对于这里发生什么有任何想法?这是代码。谢谢!

PS:在validatorCalloutExtender中,一切正常,但我真的需要Callout Extender!

验证人:

<asp:RegularExpressionValidator ID="ProductIncrementValidator" runat="server"
  ControlToValidate="ProductQtyTxt"
  ErrorMessage="Please enter a valid increment"
  ValidationExpression="^triggerthisvalidation$"
  Enabled="false"
  Display="Dynamic"
  SetFocusOnError="true"
  ValidationGroup="productValidation">
</asp:RegularExpressionValidator>

<ajax:ValidatorCalloutExtender ID="ProductIncrementVE" runat="server"
  TargetControlID="ProductIncrementValidator"
  HighlightCssClass="validator"
  WarningIconImageUrl="~/img/blank.gif">
</ajax:ValidatorCalloutExtender>

当数据绑定产品时:

Dim productQtyTxt As TextBox
productQtyTxt = CType(e.Item.FindControl("ProductQtyTxt"), TextBox)

Dim incrementValidator As RegularExpressionValidator
incrementValidator = CType(e.Item.FindControl("ProductIncrementValidator"), RegularExpressionValidator)
incrementValidator.ErrorMessage = "Please enter an increment of " & product.OrderIncrement.ToString()


' Add item qty increment check
productQtyTxt.Attributes.Add("onChange", "javascript:checkIncrement('" _
  & productQtyTxt.ClientID & "', " _
  & product.OrderIncrement & ", '" _
  & incrementValidator.ClientID & "')")

Javascript:

    function checkIncrement(textboxID, incrementQty, validatorID) {
    var textbox = $get(textboxID);
    var incrementValidator = $get(validatorID);
    var qtyEntered = textbox.value;

    if ((qtyEntered % incrementQty) != 0) {
        ValidatorEnable(incrementValidator, true);
        alert("not valid");
        return;
    }
    else {
        ValidatorEnable(incrementValidator, false);
        alert("valid");
        return;
    }
}

2 个答案:

答案 0 :(得分:1)

1.为ValidatorCalloutExtender设置CSS类:


<style id = "style1" type="text/css">
        .CustomValidator
        {
            position: relative;
            margin-left: -80px;
            margin-top: 8px;
            display: inherit;
        }
</style>


<ajax:ValidatorCalloutExtender ID="ProductIncrementVE" runat="server"
  TargetControlID="ProductIncrementValidator"
  HighlightCssClass="validator"
  WarningIconImageUrl="~/img/blank.gif" 
  CssClass="CustomValidator">
</ajax:ValidatorCalloutExtender>

2。在需要时使用JavaScript来更改此CSS类。设置display = none:



function alterDisplay(type) {
    var styleSheet, cssRule;
    if (document.styleSheets) {
        styleSheet = document.styleSheets[index1];
        if (styleSheet) {
            if (styleSheet.cssRules)
                cssRule = styleSheet.cssRules[index2]; // Firefox
            else if (styleSheet.rules)
                cssRule = styleSheet.rules[index2];         // IE
            if (cssRule) {
                cssRule.style.display = type;
            }

        }
    }
}

注意: index1和index2可能与页面不同,这取决于您的声明。您可以使用IE调试器来查找正确的索引。

答案 1 :(得分:0)

我有同样的问题,我用这样的东西解决了

if ((qtyEntered % incrementQty) != 0) {
    ValidatorEnable(incrementValidator, true);
    $("#" + validatorID + "_ValidatorCalloutExtender_popupTable").show();
    alert("not valid");
    return;
}
else {
    ValidatorEnable(incrementValidator, false);
    $("#" + validatorID + "_ValidatorCalloutExtender_popupTable").hide();
    alert("valid");
    return;
}

希望这有助于某人。