Personnalisation de la validation du modèle Commentaires

Question

Je souhaite modifier la manière dont un message de validation s'affiche pour l'utilisateur dans mon application Web nopCommerce. À l'heure actuelle, il apparaît comme si:

Je veux changer cela, de sorte que si & lorsque les informations de connexion sont incorrectes, les champs d'entrée obtenir une bordure rouge , et le texte [mauvaises références] doit être défini comme Espace réservé pour les zones de saisie.

J'ai essayé de désactiver le code:

@Html.ValidationSummary(true, T("Account.Login.Unsuccessful").Text) 

Mais qui vient ôtèrent les commentaires de validation :(Comment puis-je obtenir ce que je l'ai mentionné ci-dessus, je serais très apprécier toute aide

?.

Remerciement.

Answer 1

Voici le code complet Mise à jour

CSS

.validation-error 
{ 
    border: 1px solid #ff0000; 
    background-color: #ffeeee; 
} 

Code Jquery pour vérifier la connexion à l'aide .ajax $

$(function() { 
     $('#btnLogin').click(function (e) { 
      var email = $('#Email').val(); // this your username textbox value 
      var password = $('#Password').val(); // this is your password textbox value 
      var postdata = 
      { 
       "Email": email, 
       "Password": password 
      }; 
      $.ajax({ 

       tyep: 'POST', 
       url: '@Url.Action("LogIN","Account")', // your controller action will be called to check for the login details 
       data: postdata, // this data you have to post to controller for validation 
       success: function(value) { // if ajax call complete, controller action will return boll value true here 
        if(valeu) { 
        $('#divLoginError').addClass("validation-error"); // this will add class class to your textboxes with red broder 
        $('divLoginError').html('Please check your username/password'); 
        } 
        }, 
       error: function(errorData) // if any error while calling Ajax. this method is gonna call 
       { 
        $('#divLoginError').show().html(errorData); 
       } 
      }); 

     }); 
    });