how to create regex for (-) not repeat after 3 digit inside formik setfieldvalue

user_13599529 0
Viewed 53

i have regex function like this:

const format = (value) => {
    if (typeof value === 'string') {
      return value.replace(/(\d{3})(\d+)/g, '$1-$2');
    }
}

when i console without inputing into formik setfieldvalue it produce correct regex like 111-1111111:

const custom = (value) => {
   console.log('valuemain',format(value)); //this valuemain: 111-1111111
   formikRef.current.setFieldValue('customnumb',value)
}

but when i inputing regex into formik setfieldvalue it becomes like 111-111-111:

const custom = (value) => {
   console.log('valuemain',format(value)); //this valuemain: 111-111-111
   formikRef.current.setFieldValue('customnumb',format(value))
}
formik react-native javascript regex
1 Answers

Replace beforehand all occurrences of hyphen "-" with "" (empty string)

const format = (val = "") => val.replace(/-/g, "").replace(/(\d{3})(\d+)/g, '$1-$2');

console.log(format("1111111111"));        // "111-1111111"
console.log(format("111-1111111"));       // "111-1111111"
console.log(format("111-11-1-1-1-11"));   // "111-1111111"

Since obviously you're only interested in integers; to be politically more correct, instead of replacing only the hyphens "-" you could replace (using RegExp \D Not a Digit) — everything that is not a digit:

const format = (val = "") => {
  // @TODO: do val checks if needed here.
  return val
    .replace(/\D/g, "")                 // Remove everything that is not a digit
    .replace(/(\d{3})(\d+)/g, '$1-$2');  // Format as desired
};

console.log(format("1111111111"));        // "111-1111111"
console.log(format("111-1111111"));       // "111-1111111"
console.log(format("111-11-1-1-1-11"));   // "111-1111111"

user_3839040
Related