Système de validation

Dans la version 1.5.0 de WC Vendors Pro , le système de validation a été complètement remplacé par un nouveau système. Le nouveau système offre un système de validation beaucoup plus propre à utiliser. Il existe un traducteur intégré pour tout code de formulaire personnalisé que vous pourriez avoir dans votre thème pour faciliter la transition. Cela signifie que toutes vos règles de validation de formulaire personnalisées existantes continueront de fonctionner. Vous recevrez cependant une notification dans le journal d'erreurs vous informant de mettre à jour vers le nouveau système.

Toutes les règles et messages de validation sont gérés via les « custom_attributes » des champs du formulaire. Pour remplacer ou ajouter des règles de validation, vous devrez trouver le nom du filtre du champ, situé dans le code source, puis ajouter les valeurs dont vous avez besoin.

La validation est exécutée sur chaque champ avant la soumission du formulaire, afin que vos utilisateurs sachent instantanément s'ils ont saisi une valeur incorrecte.

Champ requis

Pour rendre un champ obligatoire, il suffit de définir l'attribut HTML 5 « required » sur le champ, et il deviendra obligatoire. L'exemple suivant montre comment rendre le champ SKU obligatoire.

// Add this to your themes functions.php 
add_filter( 'wcv_product_sku', 'wcv_product_sku' );
function wcv_product_sku( $field ){
	$field[ 'custom_attributes' ] = array( 'required' => "", 'data-parsley-error-message' => 'SKU is required' );
	return $field;
}

Message d'erreur personnalisé

Pour ajouter un message d'erreur personnalisé, vous pouvez utiliser la nouvelle valeur de données « data-parsley-error-message ». Comme vous pouvez le voir dans l'exemple SKU ci-dessus, cela générera un nouveau message d'erreur. Par défaut, vous obtiendrez un message d'erreur générique. Ceci n'est requis que si vous souhaitez donner à vos utilisateurs plus de contexte pour l'erreur.

Conclusion

Il existe de nombreuses règles de validation différentes disponibles avec Parsley et vous pouvez les trouver dans la documentation Parsley ci-dessous.

Lisez la documentation complète de Parsley JS ici. 

Cet article vous a-t-il été utile ?

Articles liés

Besoin d'aide ?

Vous ne trouvez pas la réponse que vous cherchez ?
Contacter le support
Finalisez votre achat