Unobtrusive validation fails when a Checkbox is on the form

Question

I have a simple Login page that suddenly (After upgrading Jquery.js and Jquery-ui.js to 1.10.2 and 1.10.3 respectively) started to actually reach the action result instead of showing the client side validation messages defined on the E.F Data Annotations.

So I found out that removing the only CheckBoxFor that I have besides the User and Password, the submit button actually works as it should be so that it raises client validations only without reaching the controller.

Any reason for this behaviour ?

Thanks !!

Code below :

@using System.Web.Optimization;
@model MyProject.Models.LogOnModel

@{
    ViewBag.Title = "Entrar";
}

<h1>@ViewBag.Title</h1>

<p>
    Se pretende obter acesso clique @Html.ActionLink("aqui", "Register").
</p>

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")



@using (Html.BeginForm())
{
    @Html.ValidationSummary(true, "O seu acesso falhou. Por favor corriga os erros e tente novamente.")
    <div>
        <fieldset>
            <legend>Informação da sua conta</legend>

            <div class="editor-field">
                @Html.LabelFor(m => m.Email)
                @Html.TextBoxFor(m => m.Email, new { @class = "medium-editor" })
                @Html.ValidationMessageFor(m => m.Email)
            </div>

            <div class="editor-field">
                @Html.LabelFor(m => m.Password)            
                @Html.PasswordFor(m => m.Password, new { @class = "medium-editor" })
                @Html.ValidationMessageFor(m => m.Password)
            </div>

            <input type="submit" value="Entrar" />

            @Html.CheckBoxFor(m => m.RememberMe)
            @Html.LabelFor(m => m.RememberMe)

        </fieldset>
    </div>
}

<p>
    Esqueceu a sua password? 
    Clique @Html.ActionLink("aqui", "ForgotPassword", "Account") para recuperar a sua password. 
</p>

Have you updated bundleConfig to show the upgraded versions of jQuery? If so I would suggest maybe there might be an error in the javascript since upgrade and once this falls over it leaves validation — Jay
– Jay, Commented Aug 23, 2013 at 18:17
Yes I updated jQuery versions and the bundleconfig is unchanged. New versions are now being used. I don't get any javascript errors and this code works if I remove the CheckBoxFor. If I revert to old jquery versions it works normally. — Hugo Hilário
– Hugo Hilário, Commented Aug 23, 2013 at 18:20

Hugo Hilário · Accepted Answer · 2013-12-27 18:34:41Z

0

To solve this problem, include jquery migrate 1.2.x after jquery

<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

answered Dec 27, 2013 at 18:34

Hugo Hilário

2,9382 gold badges30 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Unobtrusive validation fails when a Checkbox is on the form

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related