la validation de formulaire dans MVC3 à l'aide de javascript

Avez-vous considéré l'utilisation discrète de validation?

Vous dites que vous êtes à l'aide de MVC3 (mais pas le moteur de vue Razor apparemment).

Avec votre code comme ceci: <p><label for="ClientName">ClientName:</label> <%= Html.TextBoxFor(model => model.Name)%></p>
qui peut être écrite comme
<p>@Html.LabelFor(model=>model.Name) @Html.TextBoxFor(model => model.Name) </p> dans la syntaxe Razor.

Si vous le mettez dans votre site web.config:

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

et de le décorer la propriété de votre modèle avec quelque chose comme cette annotation de données:

[Display(Name = "Name")]
[Required(ErrorMessage = "Name is required")]
public string Name { get; set; }

Puis en ajoutant la ligne suivante dans votre _Layout.cshtml fichier, vous obtiendrez discrète validation du travail:

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

Alors vous pourriez ajouter ce quelque part sur la page (où vous souhaitez que le message de validation pour être montré): @Html.ValidationMessageFor(model=>model.Name)

OriginalL'auteur Tom Chantler

Maintenant <%= Html.TextBoxFor(model => model.Name)%> est la clé ici u devrait donner un ID à chacun de vos éléments que vous souhaitez utiliser pour la validation..

donc sa va ressembler;

<%= Html.TextBoxFor(model => model.Name,new { id="ClientNameTxt"})%>

si vous avez déjà défini quelques scripts (.fichiers js) et que vous souhaitez mettre en œuvre ce point de vue, puis utilisez

<script src="@Url.Content("~/Scripts/yourjsfile.js")" type="text/javascript"></script>

et l'utilisation ur fonctions de valider ou d'autres à écrire un nouveau scénario

<script type="text/javascript">
    $(document).ready(function () {
        var frm = $("#formname");
        frm.validate();
    });

    $('#formname').Submit(function (event) {
        /* Call ur form with the id you have given */
        var f = $("#formname");

        if (f.valid()) {  /* When the form is valid */

        } else {  /* When the form is not valid */
            event.preventDefault(); /* Prevent from submitting the form */
            $("#ClientNameTxt").highlight(); /* Do some validation stuff on ur validation required element */
        }
    });
</script>

à la fin il va ressembler;

                 <!--Your form name, Controller name-->         
@using (Html.BeginForm("Formname", "ControllerName", FormMethod.Post,new { id="Formname", onkeypress="return event.keyCode != 13;"}))
{
    <p> 
        <label for="ClientName">ClientName:</label> <!--Give an ID to your element-->
        <%= Html.TextBoxFor(model => model.Name, new { id="ClientNameTxt" })%>
    </p>
}

<script type="text/javascript">
    $(document).ready(function () {
        var frm = $("#formname");
        frm.validate();
    });

    $('#formname').Submit(function (event) {
        /* Call ur form with the id you have given */
        var f = $("#formname");

        if (f.valid()) {  /* When the form is valid */

        } else {   /* When the form is not valid */
            event.preventDefault(); /* Prevent from submitting the form */
            $("#ClientNameTxt").highlight(); /* Do some validation stuff on ur validation required element */
            $("#Formname").append('<ul><li> Fill the empty areas and try again. <li><ul>');
            /* This is the worst i can do. Just to let you understand it easly. */
        }
    });
</script>

si u ont encore des problèmes avec cette question! je suppose ur solution est à la formation de votre auto avec l' --> jquery

OriginalL'auteur Berker Yüceer