Wymagany wskaźnik pola ASP.NET MVC

Question

Dla pól w moim widoku ASP.NET MVC, które zostały przypisane zgodnie z wymaganiami, czy istnieje sposób, aby struktura automatycznie renderowała jakiś wskaźnik, że pole jest oznaczone jako wymagane w metadanych?

Answer 1

Powinny być w stanie to zrobić z CSS od MVC3 dodaje w tych niestandardowych atrybutów elementu:

<input data-val="true" data-val-required="The Username field is required." id="Username" name="Username" type="text" value="" /> 

Można OFF dane-Val-wymaganego w CSS tak:

wejściowego [dane-Val-required] {background: czerwony } lub ustawić obraz tła gwiazdką itp

Answer 2

zrobiłem w ten sposób, ponieważ moi wymagane pola muszą być dynamiczne (zdefiniowanego w pliku konfiguracyjnym)

Dodaj na końcu swojej Widok:

<script type="text/javascript"> 
     $('input[type=text]').each(function() { 
      var req = $(this).attr('data-val-required'); 
      if (undefined != req) { 
       var label = $('label[for="' + $(this).attr('id') + '"]'); 
       var text = label.text(); 
       if (text.length > 0) { 
        label.append('<span style="color:red"> *</span>'); 
       } 
      } 
     }); 
    </script> 

Answer 3

Dodanie atrybutu HTML nie jest wystarczające. Spowoduje to tylko błąd sprawdzania poprawności javascript. Jeśli chcesz wskazać, że pole jest wymagane, prawdopodobnie chcesz dodać do niego gwiazdkę. Możesz to zrobić za pomocą metody extenssion programu HtmlHelper. Można znaleźć dokładnego wyjaśnienia tutaj

Indicating required field in MVC application

Answer 4

Oto jeden, który będzie dołączać czerwoną gwiazdką na prawej stronie Wszystko z atrybutu „dane-Val-wymaganego”.

<script type="text/javascript"> 
    $('[data-val-required]').after('<span style="color:red; font-size: 20px; vertical-align: middle;"> *</span>'); 
</script> 

Answer 5

I zmodyfikowana odpowiedź Renato Saito zawierać więcej typów Field (wszystkie rodzaje wejść i wybierz list) i używać nazw jQuery zamiast generycznego $. Oto moja wersja:

<script type="text/javascript"> 
// add indicator to required fields 
jQuery('input,select').each(function() { 
    var req = jQuery(this).attr('data-val-required'); 
    if (undefined != req) { 
     var label = jQuery('label[for="' + jQuery(this).attr('id') + '"]'); 
     var text = label.text(); 
     if (text.length > 0) { 
      label.append('<span style="color:red"> *</span>'); 
     } 
    } 
}); 
</script> 

Answer 6

Mała modyfikacja jest wykonywana z mojej strony. Właściwie miałem klucze podstawowe (Kolumny tożsamości w DB). Tego nie chcę podkreślać. Więc użyłem poniższego fragmentu kodu, aby wybrać tylko pola input[type=text], które mają wymagany atrybut w adnotacji.

$("[data-val-required]").not(":hidden").not(":radio").not(":checkbox").after('<span style="color:red;max-width:10px;min-height:30px;">*</span>');