input screen in HTML and JQUERY

Austin Muts

8y1.3k

I am trying to create a project as below with C# MVC using HTML and JQUERY.Any idea will be appreciated.

Functionality

Each text box must hold only 40 characters.

As the user types if the user goes over 40 it should automatically create a new textbox below the current and continue input.

Each alternate textbox should have a light grey background.

Clicking New Line should add a new blank textbox below the current textboxes.

No more input is allowed when 1000 characters are reached.

Clicking X will remove the current textbox, if there’s text prompt the user to confirm.

As the user types, add the complete text into the textbox at the bottom

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Austin Muts8y ago
Below is what i have done so far.
When it automatically create another text box after typing 40 characters ,the cursor is not moving to another textbox,the characters displayed in the below textbox deletes words for the previous texbox as i start to type in a new textbox instead of continuing.When the letters reach 500 i must stop and i still ca not do that, please help.

@{
ViewBag.Title = "Home Page";
}

@Html.TextArea("EventNature",new { maxlength=50, // or other value
style = "width: 200px; height: 100px;" })

@if (ViewBag.Message != null)
{

}
Rajneesh Chaubey8y ago
@Austin Muts
What have you tried so far?? SO is not a free coding service. Post your attempt. If it doesn't work, we help you.