web-dev-qa-db-fra.com

Notification si Commentaire Auteur Le champ est laissé vide. Par exemple. changer la couleur de la bordure d'entrée

Je vais avoir une section de commentaires sur mon site. Le champ de commentaire de l'auteur est obligatoire. Avez-vous une idée de la façon d'afficher une notification pour un utilisateur si le champ auteur est laissé vide après la soumission du commentaire? Quelque chose d'autre que wp_die?

Ce que j'aimerais avoir, par exemple, c'est: changez la couleur de la bordure du champ de commentaire en rouge et dites: "s'il vous plaît, écrivez un nom"

commentscomment-form
1
Kasia T.

Vous pouvez le faire en utilisant jQuery.

Tout d’abord, vous devez ajouter votre script dans votre functions.php

function my_theme_scripts() {
wp_enqueue_script( 'my-great-script', get_site_url() . '/js/my-great-script.js', array( 'jquery' ), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );

Ensuite, dans votre fichier (my-great-script.js), vous devrez avoir quelque chose comme ceci:

jQuery( ".form-submit" ).click(function(event) {
    if( !jQuery("input[name='author']").val() ) {
          event.preventDefault();
          jQuery("#author").css({"border-color": "red", "border-style": "solid", "border-width": "5px"});
    }
});

form-submit est la classe du bouton d'envoi. Ainsi, lorsqu'un utilisateur cliquera dessus, nous vérifierons à l'aide de jQuery si le champ auteur est vide (!jQuery("input[name='author']").val()). arrêtez le bouton d'envoi du déclenchement, et finalement nous changeons le CSS du champ auteur afin de le surligner en rouge.

Vous avez également évoqué le message "S'il vous plaît, écrivez un nom", je n'ai pas couvert cela, mais vous voyez l'idée; vous pouvez facilement créer un élément div avec ce message, le masquer, puis l'afficher avec la bordure rouge à l'aide de jQuery à nouveau.

J'ai fait un exemple en direct dans l'un de mes serveurs de test si vous voulez vérifier, il suffit de cliquer sur Publier un commentaire sans indiquer le nom de l'auteur.

0
Castiblanco