Getting Input Value without Space

Question

I'm trying to get customer credit card number with MaskedInput and I need to delete spaces before using it on calling service but even though I don't actually change event value whenever customer tries to delete it, they can't because in value spaces doesn't exist. I only want to get value without space and set it into state. How can I do that?

 <MaskedInput inputMode="numeric" type="text" onChange={(e) => this.checkCC(e)} mask={[/\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/]} required></MaskedInput>

checkCC(e) {
        this.setState({
            creditCard: event.target.value.replaceAll(" ", "")
        });
    }

score 0 · Answer 1 · answered Jun 17 '22 at 13:21

I believe your mask is incorrect. Try something like this

          mask={[
            {
              length: 4,
              regexp: /^[0-9]{4}$/,
              placeholder: "xxxx"
            },
            { fixed: " " },
            {
              length: 4,
              regexp: /^[0-9]{4}$/,
              placeholder: "xxxx"
            },
            { fixed: " " },
            {
              length: 4,
              regexp: /^[0-9]{4}$/,
              placeholder: "xxxx"
            },
            { fixed: " "},
            {
              length: 4,
              regexp: /^[0-9]{4}$/,
              placeholder: "xxxx"
            }
          ]}

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). — Ethan, Jun 17 '22 at 22:21

score 0 · Answer 2 · edited Jun 17 '22 at 15:26

0

You can use the trim() function:

    this.setState({
        creditCard: event.target.value.trim()
    });

edited Jun 17 '22 at 15:26

bitoiu

6,893
5
38
60

answered Jun 17 '22 at 13:29

Akash Rosariyo

1
1

Getting Input Value without Space

2 Answers2