validation user input in react js

Question

I am trying to figure out how to validate the user's input by checking the length of their input string. Right now the code will validate if the user's input whatever is string or integer. But I need help with validate the length of their input string and give them an error if the length of the input string is less than 2.

const handleText = (event) => {
    let letters = /^[A-Za-z]+$/;

    if (event.target.value.match(letters)) {
        setText(event.target.value);
    }else
        setText("error");
}

return(


<div>
<TextField onChange = {handleText}  label={"Name"}/>
            {text}
</div>


);


}

did you try using .length ?

azium
– azium

2020-10-29 01:25:50 +00:00
Commented Oct 29, 2020 at 1:25 — azium
– azium, Commented Oct 29, 2020 at 1:25
How do you use .length in this solution?

MarsSanii
– MarsSanii

2020-10-29 01:29:14 +00:00
Commented Oct 29, 2020 at 1:29 — MarsSanii
– MarsSanii, Commented Oct 29, 2020 at 1:29
event.target.value.length < somenumber ?

azium
– azium

2020-10-29 01:29:48 +00:00
Commented Oct 29, 2020 at 1:29 — azium
– azium, Commented Oct 29, 2020 at 1:29

elpmid · Accepted Answer · 2020-10-29 01:36:39Z

1

May be this code will help. You can play with it on this link sandbox i created. You can validate length through onSubmit event by using the length property.

answered Oct 29, 2020 at 1:36

elpmid

9321 gold badge6 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MarsSanii Over a year ago

This is what I expected. Thank you!!

elpmid Over a year ago

If it answered your question you can mark it as accepted answer for helping stackoverflow community.

Collectives™ on Stack Overflow

validation user input in react js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related