Wanneer een verkoper het productformulier invult, wilt u dat ze een ongeldige waarde opvangen voordat ze verzenden, niet erna. WC Vendors Pro controleert elk veld wanneer de verkoper het formulier verzendt, zodat een ongeldige waarde wordt opgevangen voordat het product wordt opgeslagen. Dit artikel legt uit hoe die validatie werkt en hoe u uw eigen regels en berichten kunt toevoegen.
Vereisten
- WC Vendors Pro 1.5.0 of hoger. Deze release heeft het vorige validatiesysteem vervangen.
- Aangepaste formuliervalidatie geschreven voor het oudere systeem werkt nog steeds. Een ingebouwde vertaler handelt dit af en een foutenlogboekmelding vraagt u om het naar het huidige systeem te verplaatsen.
Alle validatieregels en -berichten worden afgehandeld via de 'custom_attributes' van de formuliervelden. Om validatieregels te overschrijven of toe te voegen, moet u de filternaam van het veld vinden, die zich in de broncode bevindt, en vervolgens de gewenste waarden toevoegen.
Validatie wordt uitgevoerd op elk veld voordat het formulier wordt verzonden, zodat uw gebruikers onmiddellijk weten of ze een onjuiste waarde hebben ingevoerd.
Een veld vereist maken
Om een veld verplicht te maken, hoeft u alleen het HTML 5 'required'-attribuut op het veld in te stellen en het wordt verplicht. Het volgende voorbeeld laat zien hoe u het SKU-veld verplicht maakt.
// 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;
}
Een aangepast foutbericht instellen
Om een aangepast foutbericht toe te voegen, kunt u de nieuwe datawaarde 'data-parsley-error-message' gebruiken. Zoals u kunt zien in het SKU-voorbeeld hierboven, wordt er een nieuw foutbericht weergegeven. Standaard krijgt u een generiek foutbericht. Dit is alleen vereist als u uw gebruikers meer context voor de fout wilt geven.
Beschikbare validatieregels
Er zijn veel verschillende validatieregels beschikbaar met Parsley en u kunt ze vinden in de Parsley-documentatie hieronder.
Lees de volledige Parsley JS-documentatie hier.
Hulp nodig?
Als u een vraag heeft of tegen problemen aanloopt, staan we klaar om u te helpen.
- Premium gebruikers: Open een supportticket
- Gratis gebruikers: Bezoek ons communityforum