Web form auto tabbing

Question

1.00/5 (1 vote)

See more:

I've just had a web project land on my desk, I'm using Visual Studio 2008 and C#. The form has approximately 90 textboxes and 7 checkboxes, each textbox is set to a specific maxlength.

It's alright using an if statement so that if textbox length = max length focus next textbox but is long winded, there has to be a more productive way of doing this

I need to write a function in C# so that when the textbox has reached its maxlength it will autotab to the next enabled box

many thanks for your help

What I have tried:

I've looked at several options on the next but many fail to work

Posted 22-Apr-16 4:10am

Member 12478372

Updated 22-Apr-16 4:32am

Add a Solution

Comments

ZurdoDev 22-Apr-16 10:14am

1. No, you won't write this in C# because C# code runs on the server, so you have to post page back to do that.
2. Write the code in jquery. It can be done easily. I suggest a quick google search for it.

Richard Deeming 22-Apr-16 10:14am

Don't write the code in C#! You don't want the form to post back to the server every time the user presses a key. Use Javascript instead.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Stephen Hewison · Answer 1 · 2016-04-22T04:32:00

I would use JQuery

You can do it quite neatly in the client.

I haven't tested it so it may need tweaking.

JavaScript

$("input[type='text']").change(function() {
  var max = parseInt($(this).attr("maxlength"), 10);
  var len = $(this).val().length;

  if(len == max)
  {
    var tab = parseInt($(this).attr("tabindex"), 10);
    $("input[tabindex='" + (tab + 1) + "']").focus();
  }

});