Limiting user input on textbox to specific Letters

Question

I have two textboxes in which I want to limit the user, so he can only use Y or N in that textbox. How can i achieve

.yes_or_no{
  font-size:xx-large;
  font-weight:900;
  color:#000;
}

<input id="t1" class="yes_or_no" type="text" class="typing1"  name="txt1"   oninput="this.value = this.value.toUpperCase(),  this.value.replace(/[^0-9]/, '')"  maxlength="1" />
<input id="t2"class="yes_or_no" type="text" class="typing2"  name="txt2"   oninput="this.value = this.value.toUpperCase(),  this.value.replace(/[^0-9]/, '')"  maxlength="1" />

You can use a combination of the size and maxlength attribute example. — vikscool
– vikscool, Commented Aug 17, 2018 at 10:54
i used maxlenth to restrict the limit to 1 but i want to the user to type either Y or N and no other input — DEV
– DEV, Commented Aug 17, 2018 at 10:59
So this is primarily about which letters should be allowed, and maxlength is just part of the proposed solution? If you offer only two choices, why not use radio buttons? — Tsundoku
– Tsundoku, Commented Aug 17, 2018 at 12:08

31piy · Accepted Answer · 2018-08-17 11:05:57Z

4

You're almost there! Instead of replacing the non-numeric characters with blank, you can replace anything not Y or N with blank.

See the following demo:

<input type="text" class="typing1" name="txt1" id="t1" oninput="this.value = this.value.toUpperCase().replace(/[^YN]/, '')" maxlength="1" />
<input type="text" class="typing2" name="txt2" id="t2" oninput="this.value = this.value.toUpperCase().replace(/[^YN]/, '')" maxlength="1" />

answered Aug 17, 2018 at 11:05

31piy

23.9k6 gold badges51 silver badges69 bronze badges

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

Comments

martinho · Accepted Answer · 2018-08-17 11:06:47Z

1

you have to define a pattern to only accept Y or N. - documentation

See if this is what you are looking for.

while not putting Y or N does not submit form.

<form action="/action_page.php">
  Question?: <input type="text" name="question" pattern="^(?:Y\b|N\b)" maxlength="1" title="Introduce Y or N">
  <input type="submit">
</form>

edited Aug 17, 2018 at 11:06

answered Aug 17, 2018 at 11:03

martinho

1,0161 gold badge10 silver badges25 bronze badges

1 Comment

DEV Over a year ago

actually want to enter only y or n and no other input ...thanks for reply

Collectives™ on Stack Overflow

Limiting user input on textbox to specific Letters

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related