How to use @webiny/validation - 10 common examples

async validate(value, options, { field, entity }) {
            // If it's an existing entity, most likely it already has all the required values.
            // We do this fast check to be sure, and skip validation if value is already set.
            const attribute = entity.getAttribute(field.fieldId);
            if (attribute && (await attribute.getValue())) {
                return;
            }
            await validation.validate(value, "required");
        }
    },

renderUserForm({ Bind, data, fields }) {
            return (
                
                    
                        
                            {fields.email}
                            
                                
                                    <input label="{t2`Password`}" type="password" autocomplete="off">
                                

{({ Bind, submit }) => (
                                                        <>
                                                            
                                                                
                                                                    <input label="API key">
                                                                
                                                            
                                                            
                                                                
                                                                    Save API key
                                                                
                                                            

<input label="{t`Name`}">
                                
                            
                            
                                
                                    <input label="{t`Slug`}" disabled="{data.id}">
                                
                            
                            
                                
                                    <input label="{t`URL`}" disabled="{data.id}">
                                
                            
                            
                                
                                    <select label="{t`Layout`}">
                                        {theme.layouts.map(({ name, title }) =&gt; (
                                            <option value="{name}">
                                                {title}
                                            </option>
                                        ))}
                                    </select>

export default ({ createBase, context }) =>
    flow(
        withName("PbPageElement"),
        withFields({
            name: string({ validation: validation.create("required") }),
            category: string(),
            type: string({ validation: validation.create("required,in:element:block") }),
            content: content({ context }),
            preview: context.commodo.fields.id()
        })
    )(createBase({ maxPerPage: 1000 }));

renderSettings({ Bind }) {
            return (
                
                    
                        
                            <input value="" is="" label="{&quot;Value&quot;}" type="{&quot;number&quot;}">
                        
                    
                
            );
        }
    }

render({ Bind }: Object) {
            return (
                } label="Typeform">
                    
                        
                            
                                <input label="{&quot;Typeform">
                            
                        
                    
                
            );
        }
    }

renderSettings({ Bind }) {
            return (
                
                    
                        
                            <input is="" label="{&quot;Value&quot;}" type="{&quot;number&quot;}">
                        
                    
                
            );
        }
    }

{({ data, form, Bind }) => (
                
                    {crudForm.loading && }
                    
                    
                        {auth.renderUserForm({
                            Bind,
                            data,
                            fields: {
                                firstName: (
                                    
                                        <input label="{t`First">
                                    
                                ),
                                lastName: (
                                    
                                        <input label="{t`Last">
                                    
                                ),
                                email: (

setMessage(selectedPatternPlugin.pattern.message);
                            }}
                        >
                            <select label="{&quot;Preset&quot;}">
                                <option value="{&quot;custom&quot;}">Custom</option>
                                {presetPlugins.map(item =&gt; (
                                    <option value="{item.pattern.name}">
                                        {item.pattern.label}
                                    </option>
                                ))}
                            </select>
                        
                    
                    
                        
                            <input label="{&quot;Regex&quot;}" disabled="{inputsDisabled}">
                        
                    
                    
                        
                            <input label="{&quot;Flags&quot;}" disabled="{inputsDisabled}">