<script>
import { useForm, validators, required } from "svelte-use-form@latest";
import validator from "validator";
import converter from "./validatorConverter";
const form = useForm();
// Inline
const isMobile = (value) => validator.isMobilePhone(value, ["de-CH"]) ? null : { mobile: "This field is not valid" };
// Or Using a converter
const isAlpha = converter(validator.isAlpha, "Can only contain alpha characters.");
// Valid IBAN DE91100000000123456789
const isIBAN = converter(validator.isIBAN);
</script>
<form use:form>
isMobile
<input name="mobile" use:validators={[isMobile]}>
{JSON.stringify($form.mobile?.errors)}
<hr/>
<br/>
isAlpha
<input name="alpha" use:validators={[isAlpha]}>
{JSON.stringify($form.alpha?.errors)}
<hr/>
<br/>
isIban
<input name="iban" use:validators={[isIBAN]}>
{JSON.stringify($form.iban?.errors)}
</form>