feat(TextField): allow manual validation

tomoam · Florian-Schoenherr · commit 0236948a2fa4 · 2021-02-04T16:32:31.000+01:00
diff --git a/packages/svelte-materialify/src/components/TextField/TextField.svelte b/packages/svelte-materialify/src/components/TextField/TextField.svelte
@@ -33,12 +33,13 @@
   $: labelActive = !!placeholder || value || focused;
   let errorMessages = [];
 
-  function checkRules() {
+  export function validate() {
     errorMessages = rules.map((r) => r(value)).filter((r) => typeof r === 'string');
     if (errorMessages.length) error = true;
     else {
       error = false;
     }
+    return error;
   }
 
   function onFocus() {
@@ -47,15 +48,15 @@
 
   function onBlur() {
     focused = false;
-    if (validateOnBlur) checkRules();
+    if (validateOnBlur) validate();
   }
 
   function clear() {
     value = '';
   }
 
   function onInput() {
-    if (!validateOnBlur) checkRules();
+    if (!validateOnBlur) validate();
   }
 </script>
 

Original file line number	Diff line number	Diff line change
`@@ -33,12 +33,13 @@`
`33`	`33`	`$: labelActive = !!placeholder \|\| value \|\| focused;`
`34`	`34`	`let errorMessages = [];`
`35`	`35`
`36`		`- function checkRules() {`
	`36`	`+ export function validate() {`
`37`	`37`	`errorMessages = rules.map((r) => r(value)).filter((r) => typeof r === 'string');`
`38`	`38`	`if (errorMessages.length) error = true;`
`39`	`39`	`else {`
`40`	`40`	`error = false;`
`41`	`41`	`}`
	`42`	`+ return error;`
`42`	`43`	`}`
`43`	`44`
`44`	`45`	`function onFocus() {`
`@@ -47,15 +48,15 @@`
`47`	`48`
`48`	`49`	`function onBlur() {`
`49`	`50`	`focused = false;`
`50`		`- if (validateOnBlur) checkRules();`
	`51`	`+ if (validateOnBlur) validate();`
`51`	`52`	`}`
`52`	`53`
`53`	`54`	`function clear() {`
`54`	`55`	`value = '';`
`55`	`56`	`}`
`56`	`57`
`57`	`58`	`function onInput() {`
`58`		`- if (!validateOnBlur) checkRules();`
	`59`	`+ if (!validateOnBlur) validate();`
`59`	`60`	`}`
`60`	`61`	`</script>`
`61`	`62`