Want 50% Low cost?
Obtain this bundle which is 50% OFF.
MultiTextBoxInput is a jQuery plugin that shows a number of textboxes for single enter. It’s used for serial quantity, SSN, IP handle, cellphone quantity or different values that has a number of elements. It routinely focuses the subsequent textbox because the required characters are entered. It additionally routinely focuses earlier textbox on backspace. This management makes the enter extra stunning, simpler and readable.
An internet server management can also be out there for a similar objective. Click here.
Video Demo:
Click here to view the video demo.
Options:
- Shows a number of textual content packing containers for single enter.
- Can be utilized for serial quantity, ssn, cellphone quantity or different related inputs.
- Enter may be restricted to numbers.
- Enter may be restricted to letters.
- Enter may be restricted to apha numeric values.
-
Width is routinely calculated primarily based on the next parameters:
- The variety of characters
- Enter kind (numeric characters take much less area than alphabetic characters)
- Uppercase/lowercase characters (decrease case characters take much less area than uppercase characters)
- Auto conversion to uppercase or lowercase characters as specified.
- Auto focuses subsequent half/textbox after the required characters are entered.
- Auto focuses earlier half/textbox on backspace.
- You possibly can specify the variety of textboxes to be displayed together with a separator.
- Trace can be exhibited to the appropriate of textboxes.
- Examples have been supplied.
Properties:
- worth: The textual content that’s displayed within the textboxes.
- inputCount: It’s the variety of textual content packing containers to be displayed.
- separator: It’s the separator for every a part of the enter.
- trace: It’s a label that’s exhibited to the appropriate of the textual content packing containers.
- hintCssClass: It’s the CSS class for trace.
- inputLengths: It’s comma separated lengths for the textual content packing containers.
- cssClasses: It’s comma separated CSS lessons for the textual content packing containers.
- charCase: It’s case of the characters (none/uppercase/lowercase).
- inputType: It’s enter kind of the textual content packing containers (none/alphabetic/numeric/alphanumeric).
- allowDecimalPoint: It signifies whether or not decimal level must be allowed for numeric enter kind.
- allowSpaceForAlphabeticType: It signifies whether or not white area must be allowed for alphabetic and alpha numeric enter sorts.
Strategies:
- worth(): It will get textual content of the textboxes.
- vlaue(worth): It units textual content of the textboxes.
- isEmpty(): It determines whether or not all textual content packing containers are empty or comprise solely white areas.
- isInputComplete(ignoreWhiteSpace): It determines whether or not values have been entered with the required size in all textual content packing containers.
