Question

我在页面上需要字段验证器，但它们仍然允许按钮调用java脚本函数。例如，我可以添加文本并删除它，验证器将显示错误。如果单击提交按钮，它仍然会在onclientclick中执行javascript函数。如何阻止它在onclientclick中执行该功能？

按钮：

<asp:Button ID="formPost" text="Submit" class="btn btn-default" runat="server" CausesValidation="true" OnClientClick="return sendHPCIMsg();" />

注意：我无权修改sendHPCIMsg（）函数。

要验证的字段：

<div class="form-group col-small">
 <label class="col-sm-2 control-label">First Name: </label>
                                            <div class="col-sm-8">
                    <asp:TextBox ID="fNameTxt" runat="server" CssClass="input-small"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidatorFname" ControlToValidate="fNameTxt" runat="server" ErrorMessage="First name is required" ValidationGroup="billing" ForeColor="Red"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>

上面的字段也在AJAX CollapsiblePanelExtender中，所以这里是用于启用/禁用验证的javascript（基于复选框）：

<script>
        $('#SameBillingChkBx').bind('click', function (e)
        {
            if ($(this).is(':checked'))
            {
                $.each(Page_Validators, function (index, validator) {
                    if (validator.validationGroup == "billing") {

                        ValidatorEnable(validator, false);

                    }
                });
            }
        })
    </script>

Answer 1

我明白了。我写了以下函数：

function submitform()
{
    if (!Page_IsValid) {
        return false;
    }
    return sendHPCIMsg();
}

然后我在点击事件中调用了它。

<asp:Button ID="formPost" text="Submit" class="btn btn-default" runat="server" CausesValidation="true" OnClientClick="return submitform();" />

感谢大家的帮助！

Answer 2

添加：OnClientClick="if(Page_ClientValidate()) CloseDialog();"

<asp:Button ID="formPost" text="Submit" class="btn btn-default" runat="server" CausesValidation="true" OnClientClick="if(Page_ClientValidate()) return sendHPCIMsg();" />

Answer 3

添加内幕功能

 var val = <%= RequiredFieldValidatorFname.ClientID %>;
  if (val.isvalid == false) {
   //Do something
 }

这将禁用下一次点击验证器

必填字段验证器允许onclick功能，即使字段无效

3 个答案: