Jquery Sélecteur Jquery dupliqué

Question

J'essaye de créer un appelant d'erreur de forme de contact.

Mon code Jquery vient de dire le sélecteur jQuery dupliqué closest thing i could find au même problème que moi. mais j'ai essayé de mettre en application le correctif que les gens ont donné sur cette question mais cela n'a pas fonctionné. mal montrer ce que j'ai essayé. et peut-être que quelqu'un voit le problème ici.

Voici mon code. Les étiquettes var me donnent cette erreur. et il a dit à l'exemple ("#name") qu'il s'agit d'un sélecteur en double. mais au début, j'avais les mêmes vars. donc var $name et var $name_error étaient la même valeur: ("#name") maintenant j'ai changé un à ("#name_error") et nulle part ailleurs j'appelle uppon ("#name") et il ne cesse de dire que c'est un doublon.

Si quelqu'un peut m'expliquer cette erreur ou avoir un correctif pour cela, je serais heureux que la documentation indique la même chose. que vous devez donner à chaque valeur un nom spécifique et je l'ai fait juste cela mais toujours dire l'erreur.

Answer 1

Vous sélectionnez #address deux fois

$address = $("#address"), 
(...) 
$address_error = $("#address"); 

Je pense, vous devriez avoir ce code:

$address_error = $("#address_error") 

De même, vous avez les sélecteurs en double suivants dans votre code:

$('#error_list') 
$('#show_error') 

le code suivant n'a pas de doublon de sélection Jquery en double âges dans PhpStorm:

<script> 
    $(document).ready(function() { 
     $("#submit").click(function (e) { 
      e.preventDefault(); 

      var $name = $("#name"), 
       $email = $("#email"), 
       $phone = $("#phone"), 
       $address = $("#address"), 
       $message = $("#message"); 

      var $name_error = $("#name_error"), 
       $email_error = $("#email_error"), 
       $telephone_error = $("#telephone_error"), 
       $message_error = $("#message_error"), 
       $address_error = $("#address_error"); 

      var $error_list = $('#error_list'), 
       $show_error = $('#show_error'); 


      var data = { 
       name: $name.val(), 
       email: $email.val(), 
       telephone: $phone.val(), 
       address: $address.val(), 
       message: $message.val() 
      }; 

      $.ajax({ 
       type: "POST", 
       url: "/api/contact/submit", 
       data: data, 
       success: function (data) { 
        console.log(data); 
        $error_list.empty(); 
        $show_error.hide(); 
        if (data.hasOwnProperty('errors')) { 
         // Show de errors. 

         $.each(data.errors, function (entry) { 
          switch (entry) { 
           case 'email': 
            $error_list.append('<li>' + data.errors.email + '</li>'); 
            $email_error.show(); 
            break; 
           case 'name': 
            $error_list.append('<li>' + data.errors.name + '</li>'); 
            $name_error.show(); 
            break; 
           case 'message': 
            $error_list.append('<li>' + data.errors.message + '</li>'); 
            $message_error.show(); 
            break; 
           case 'message': 
            $telephone_error.show(); 
            break; 
           case 'message': 
            $address_error.show(); 
            break; 
          } 
         }); 


         $show_error.show(); 
        } 
        console.log("banaan"); 
        // Reset het form 
        // Show succcess 
        $("#contact-form").trigger('reset'); 
        $("#success_message").show(); 
       }, 
       dataType: "json" 
      }); 
     }); 
    }); 
</script>