Controlled Auto-Suggestion Text Inputs
Budget: $10 – $30 USD
I have two text input fields that must stay strictly in sync with a controlled data source. Users should be able to fill them in only by:
• entering a numeric ID that instantly auto-completes both fields, or
• typing a few characters and choosing one of the suggested matches that drops down.
Once a value is populated, it must be locked—no further edits, keystrokes, or pasted text allowed. Free-form entries have to be blocked so the data that finally reaches the server is always a valid, predefined text string.
The suggestions will be supplied from an internal list or endpoint I already maintain; just wire the inputs so they request and display those options efficiently (vanilla JS or a lightweight framework is fine). Everything handled client-side needs a quick fallback validation server-side .
If something here is unclear, let me know early so we can keep the scope tight and turnaround quick.
Video 1 and 2 shows what the app does. Video 3 shows what it shouldn’t do
• entering a numeric ID that instantly auto-completes both fields, or
• typing a few characters and choosing one of the suggested matches that drops down.
Once a value is populated, it must be locked—no further edits, keystrokes, or pasted text allowed. Free-form entries have to be blocked so the data that finally reaches the server is always a valid, predefined text string.
The suggestions will be supplied from an internal list or endpoint I already maintain; just wire the inputs so they request and display those options efficiently (vanilla JS or a lightweight framework is fine). Everything handled client-side needs a quick fallback validation server-side .
If something here is unclear, let me know early so we can keep the scope tight and turnaround quick.
Video 1 and 2 shows what the app does. Video 3 shows what it shouldn’t do