Build a Telephone Number Validator Project - Build a Telephone Number Validator

JavaScript
21

it’s only because it is in the .value property that it is a string. (it will always be a string no matter what you type)

22

regexes are hard. I spent maybe 2 hours plus getting mine to work.
Have you considered a simpler route like an array of regexes so you can match different variations?

23

Okay, thank you. I somehow didn’t know this until now.

1 Like
24

thank you, i’ll try to do that. although i’m unsure how to make my if statement still function with these changes

25

your if statement had a logical error. I was trying to tell you before (in one of my earlier replies) but we got side-tracked with the whole toString discussion.

26

logical error? but i’m just checking if userInput i s true or false and then saying what to do if true and if false…

27

show me your new if statement again. The last one was broken but there’s no point going over it if you’ve changed it.

28

Well, i’ve changed much but here it is anyway:
checkBtn.addEventListener("click", () => { if (userInput.value === "") { alert("Please provide a phone number") } else if (regex1.test(userInput.value) === true || regex2.test(userInput.value) === true) { results.innerText = `Valid US number: ${userInput.value}`; } else { results.innerText = `Invalid US number: ${userInput.value}`; } });

29

this looks decent now.

A shorter way to write (regex.test(value) == true) is simply
(regex.test(value)) as it is a truthy being returned.

30

changed to what you just said. But I still can’t have parenthesis around area code for some reason. Here’s what i tried: [(][\d][)], [([\d])], (\d), [(\d)]

31

tell me what you’re hoping this regex will match so I can try it on regex101

32

1 (555) 555-5555,
1(555)555-5555,
(555)555-5555

33

regex101 sees a syntax error in your pattern.
There’s an unmatched paren somewhere

34

yeah, i get that as well

35

it highlights the extra parenthesis in red

36

ps. if you wanna chat live, it may be better to go to fCC’s discord server

37

yes, whenever i try [([\d])], i always get one paren red even thou there’s nothing wrong with it

38

hold on, this is not your pattern this is your -array- of patterns?

39

i created two patterns : one without paren and one with. I hope that answers your question

40

I was wondering if this code was an array or a pattern?
I cannot tell… Usually patterns start and end with a slash.