ASP.NET MVC: "Abschicken" - button, wenn der Kunde die Validierung geht

Habe ich eine einfache MVC4-form mit Client-Validierung aktiviert:

 @{ Html.EnableClientValidation(); }
 @{ Html.EnableUnobtrusiveJavaScript(); }
 @using (Html.BeginForm("Search", "Search", FormMethod.Post, new { id = "frmMain" }))
    {
      @Html.AntiForgeryToken() .....
      <input type="submit" value="Search" id="btnSubmit" />

Wenn der Benutzer auf die senden - und alle Validierung übergibt der client, ich möchte die senden-Schaltfläche deaktiviert, da pro jQuery unter. Wie weiß ich, wenn die Gültigkeitsprüfung bestanden hat client-Seite in Seite mein jQuery script?

<script type="text/javascript">

$(document).ready(function () {
    $('input[type=submit]').click(function (e) {
        $(this).attr('disabled', true);
        $(this).attr('value', 'Working');
        $('#frmMain').submit();
    });
});

InformationsquelleAutor BahaiResearch.com | 2012-12-14

  1. 12

    Können Sie Haken Sie diesen code in das form-validator. So stellen Sie sicher es wird ausgeführt, NACHDEM das jquery.validator.unaufdringlich.

    <script>
    $("#you-form-id").data("validator").settings.submitHandler = function(form) {
         $("#submit-button").attr("disabled",true).val("Working");
         form.submit();
    };
</script>
    Ist das sicherer als einfach das einwickeln der Funktion in etwa so: if ($('#frmMain').valid()) {
    Ich soll beide Wege funktionieren, und es gibt keine richtige Antwort, wenn Sie mit jQuery Validator plugin. Mit der submitHandler (trotz des code hässlicher) du bist nur die Verarbeitung der Validierung einmal und ich bin nicht entirelly sicher, ob ruft gültig() re-Validierung alle Felder, die etwas haben kann, dass einige marginale Auswirkungen auf die Leistung.

    InformationsquelleAutor Felipe Leusin

  2. 9

    Hatte ich einige Probleme bei der Rückkehr eine partail aus der controller-action. Stattdessen hakte ich in der submit-Funktion und überprüft, dass die form gültig war, wie diese:

            $('form').submit(function () {
            if ($(this).valid()) {
                $('#order-form-submit-button').attr("disabled", true).val("wait...");
            }
        });

    InformationsquelleAutor David

Schreibe einen Kommentar