Stop user from entering data after a certain number of characters have been entered

[lgrupido]

I have a field setup that is only supposed to have 2 characters - then they move to the next field.

This particular field is a time field. YES, I could make it a lookup or drop down list, but they really want to just be able to type in the numbers and lookups and drop-down aren't exactly what I want, I don't think.

Ideally, they would type 12, for instance, and then it would move to the next field - or at least stop them from accidentally entering 122 or 1111 accidentally.

What is the best way to go about doing that?

Of course, for a time field, I could put a dropdown of 1 through 12 and that might be acceptable, but then they have to do minutes of 00 through 60. I want the two controls to work exactly the same way.

Last part of the explanation:

The time fields work together,

HR (then next field) MM

I then combine the two fields into one time field.

[mikeallenbrown]

Re: Stop user from entering data after a certain number of characters have been entered

In a UX? ...in the right hand Properties section under Textbox Properties there is a Maximum length property you could set to 2.

[Davidk]

Re: Stop user from entering data after a certain number of characters have been entered

Since you included moving onto the next field in your post, you could use one of the keypress events and test the length of the input. You have to get around some "automated" input, but you can test for that using event.code. Try this in the hour control onKeyUp event...

if(event.code == "Tab")return;
if(this.value.length==2){
	{dialog.Object}.setFocus('textMM');
}

If we tab into the hour control, then the onKeyUp event will fire on Tab... so we test for Tab and if so, get out.
Otherwise we test the length of the data as it's entered. We hit a length of 2 and move on to the minutes.

[GGandhi]

Re: Stop user from entering data after a certain number of characters have been entered

on the onKeyUp event try this code, t1 and t2 are the fields. no verification for number only on this code. I am sure you can incorporate it yourself.

var t1 = {dialog.Object}.getValue('T1');
if (t1.length == 2) {
{dialog.Object}.setFocus('T2');
}

[kkfin]

Re: Stop user from entering data after a certain number of characters have been entered

And using HTML5 for example

maxlength="2" min="1" max="12"