autocomplete | Autocomplete System Design for Large Scale | Autocomplete library

Here I got a list of countries in an autocomplete dropdown and trying to filter those by starting letters of the country name. Example: If we type "Aus" all the country name with "aus" are being filtered.(See screenshot). I want to filter only "Australia and Austria" or any other country names with starting letters "Aus".

How to do that?

How to check when the scroll is down in autocomplete? And then upload more results by method initialize()? Something like pagination but in autocomplete.

Template:

In this app, When i submit a word (for eg help) for the first time then it will return the search results and renders it on the page, but if i searched for another word then the results wont be displayed until and unless i refresh the page. How can i render next search results on the page? The codepen link is here: https://codepen.io/nelsonuprety1/pen/KKWreRQ . To search for new results the page should be refreshed.

I am trying to edit with UpdateView a form after I have entered and saved the information. I send the parameters with AJAX from the view, however I get the error: "Object of type Form is not JSON serializable".

Attached are some related code snippets.

models.py

I am new to PHP and want to create a simple form as below and want to validate it and submit it only after proper validation.

I am facing issue with phone validation, Phone validates even when i enter characters, i want to validate numbers and + sign for example +1 12345678, +91 1234123123

how can i validate it for phone numbers only..

...

What I am trying to accomplish is to pass the correct value from php to a jquery function. What is the proper way to get that value to my jquery function so that I can use it. Here is an example of how I tried to pass the php variable to the javascript function. Of course that does not give the desired effect.

index.php User starts typing in username and live search displays matching usernames in dropdown

My project structure looks like this:

I'm developing a React project in WebStorm, but I'm having a problem due to the structure I've set up.

Normally, WebStorm supports styled-components, autocomplete works fine, but the standard way to access the theme object I provide from ThemeProvider results in a very dirty piece of code.

To get cleaner code, I used an alternative way to send a function to styled-components and capture variables from the theme object as arguments, but that way WebStorm doesn't autocomplete.

How can I solve this problem?

I want emacs to autocomplete std functions such as push_back of vector