client site validation not working

If I use the script below, client side Validation doesn't work, but server side does

@Html.LabelFor(model => model.Name)
 
 @Html.TextBox("CategoryTextFieldBridges[0].TextFields.Name", null, new { @class = "text-box single-line" })
 @Html.ValidationMessage("CategoryTextFieldBridges[0].TextFields.Name")

however if I use

@Html.LabelFor(model => model.CategoryTextFieldBridges[0].TextFields.Name)
 
 @Html.EditorFor(model => model.CategoryTextFieldBridges[0].TextFields.Name)
 @Html.ValidationMessageFor(model => model.CategoryTextFieldBridges[0].TextFields.Name)

Client side validation does work, they both product the same HTML, so why isn't the first example working the client side validation?

Re: client site validation not working

You need to use @Html.TextBoxFor to bind textbox with the model's field. Doing that will also enforce client-side validation if any specified within model.

@Html.TextBox does not bind text box with the model property (i.e. field), and thus, validation not firing up in first case.

Re: client site validation not working

Did you added below 2 keys in web.config

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

Re: client site validation not working

dharnendra

Did you added below 2 keys in web.config
<add key="ClientValidationEnabled" value="true"
/>

<add key="UnobtrusiveJavaScriptEnabled" value="true"
/>

Yes checked and done

Re: client site validation not working

nirman.doshi

You need to use @Html.TextBoxFor to bind textbox with the model's field. Doing that will also enforce client-side validation if any specified within model.

@Html.TextBox does not bind text box with the model property (i.e. field), and thus, validation not firing up in first case.

Thanks, sorted I need to change the name of the form element to get everything to submit as one cascading model, but I can use @Html.TextBoxFor(model => model.CategoryTextFieldBridges[0].TextFields.Name, new { Name = "CategoryTextFieldBridges[0].TextFields.Name" })