Dynamically created requiredfieldvalidator bypasses client side validation

Question

I am trying to add a required field validator to my page at runtime. Nothing fancy there:

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
        <asp:ValidationSummary ID="ValidationSummary1"
        runat="server" ShowMessageBox="True" ShowSummary="False" />
</form>

and @ codebehind

 protected void Page_Init(object sender, EventArgs e)
    {
        RequiredFieldValidator theValid = new RequiredFieldValidator();
        theValid.ID = "0000" + "RFV";
        theValid.ControlToValidate = TextBox1.ID;
        theValid.ErrorMessage = "Message here"
        theValid.Text = "*";
        theValid.Display = ValidatorDisplay.Dynamic;
        theValid.EnableClientScript = true;
        theValid.EnableViewState = true;
        theValid.SetFocusOnError = true;
        theValid.Enabled = true;
        theValid.Visible = true;
        Page.Validators.Add(theValid);
        form1.Controls.Add(theValid);
    }

When I click the button it only validates server-side, but not client-side. What am I missing?

TIA.

Answer 1

You can to check your code with jquery.

function TextBoxValidate() {
$('input:[type="text"]:[id*="TextBox1"]').each(function () { var txtId = this.id; $('span').each(function () { if (this.controltovalidate == txtId) ValidatorValidate(this); }); }); 
}
function InitValidationOnClick()
{  
$('input:[id*="Button1"]').each(function(){$(this).on('click', function(){TextBoxValidate(); return Page_IsValid;});});
// or other case
//$('form:[id*="form1"]').each(function(){$(this).on('submit', function(){TextBoxValidate(); return Page_IsValid;});});
}
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitValidationOnClick);

If validator exists in page it will validate on click (submit) event client-side.

Answer 2

Hello All Try This one For Radio Buttons Along With RequiredField Validator

Code

    TableRow trow4 = new TableRow();
    trow4.Style.Add("width", "100px");
    TableCell tcel4 = new TableCell();
    Label lb4 = new Label();
    lb4.Text = Resources.QcLabelName.Gender;
    tcel4.Controls.Add(lb4);
    CSSCell(tcel4);
    table.Rows.Add(trow4);
    RadioButtonList rblist = new RadioButtonList();
    rblist.ID = "rbtnmalendfemale";
    rblist.Items.Add("Male");
    rblist.Items.Add("Female");
    tcel4.Controls.Add(rblist);
    trow4.Cells.Add(tcel4);
    table.Rows.Add(trow4);
    rblist.Visible = true;
    RequiredFieldValidator rFV5 = new RequiredFieldValidator();
    TableCell tcl46 = new TableCell();
    rFV5.ControlToValidate = "rbtnmalendfemale";
    rFV5.ErrorMessage = "Gendor Selection Is Mandatory";
    rFV5.Style.Add("color", "Red");
    rFV5.ID = "Reqfield9";
    tcl46.Controls.Add(rFV5);
    trow4.Cells.Add(tcl46);
    table.Rows.Add(trow4);
    rFV5.Visible = true;******