Custom Validation Rules in WooCommerce Checkout Field Editor



Make easy customisations to your checkout form with Checkout Field Editor for WooCommerce plugin. Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager. Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor

Custom validator feature can be used to define custom validation rules using RegEx which can be selected from 'Validations' drop-down when creating or editing checkout fields. To create new custom validators,
  1. Go to Dashboard → WooCommerce → Checkout Form → Advanced Settings page. You can see a section Custom Validators with 4 fields showing Validator Name, Validator Label, Validator Pattern, and Validator Message.
  2. Fill the fields according to your requirements. Enter the regular expression to be validated in the Validator Pattern field.
  3. Click on Add New Validator button to get new validator settings row.
  4. Enter the validator settings.
    • Validator Name: A unique name for the validation rule, which will be used internally to identify the validator.
    • Validator Label: The display name for the validation rule.
    • Validator Pattern: A regular expression which is used to match a valid input.
    • Error Message: The message to be displayed when the validation fails. Use %s to include field name in validation messages.
  5. Save Changes.
  6. Newly created validators will be available to choose in Validations drop-down.
  7. Done.

Comments

Post a Comment

Popular posts from this blog

Product Variation Swatches for WooCommerce | Variation Swatches for WooCommerce

Image
The WooCommerce Product Variation Swatches allows you to configure & display product variations visually. The plugin gives the following swatch types Radio Color Image/Icon Label/Button You can access the WooCommerce Product Variation Swatches settings from  Dashboard → Products → Swatches options  after installing & activating the plugin. Product Variation Attribute Attribute for a Product Variation is decided by following fields. Attribute Name – The field name to identify an attribute. It should be unique. Attribute Type – By default for Woocommerce the available type is SELECT. Using Woocommerce Product Variation Swatches, you can choose the different type of attributes. Available types are Color, Image, Label and Radio. Term Tooltip Type – Tooltip type allows you to choose the type of tooltip for a term. The available types are Image, Term Name, Description and None. Icon Properties – The display icon for each attribute can be styled. You c...
Read more

WooCommerce Checkout Field Editor | WooCommerce Checkout Field Manager| ThemeHigh

Make easy customisations to your checkout form with  WooCommerce Checkout Field Editor . Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager. Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor. Key Features of WooCommerce Checkout Field Editor 17 Custom Checkout Field Types Custom section which can be placed at 15 different positions on the checkout page Display fields conditionally Display sections conditionally Price fields with a set of price types Custom validations Change address display format Display fields based on Shipping option or Payment method Compatibility with other plugins Zapier support WPML Compatibility Reset all settings on a si...
Read more

WooCommerce Checkout Field Editor | Checkout Field Editor for WooCommerce

Make easy customisations to your checkout form with Checkout Field Editor for WooCommerce plugin. Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager . Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor. Key Features of WooCommerce Checkout Field Editor 17 Custom Checkout Field Types Custom section which can be placed at 15 different positions on the checkout page Display fields conditionally Display sections conditionally Price fields with a set of price types Custom validations Change address display format Display fields based on Shipping option or Payment method Compatibility with other plugins Zapier support WPML Compatibility Reset all settings on a...
Read more