validation on name field of javascript form (html webpage)

Question

I have been searching for a while now and cant find this.

what I want is to have validation on the "name" field of a form, that if the user enters "a" all the names beginning with "a" will be displayed and so forth when they carry on entering more letter, it will get more defined.

I just want this validation for the "name" field and I already have the 200 "names" that are the most popular, that a user can enter.

any guides on how to easily achieve this?

thanks

Ofir Baruch · Accepted Answer · 2012-02-26 17:30:25Z

1

If I'm getting you right you're looking for Ajax auto-complete.

I recommend Jquery AutoComplete: http://jqueryui.com/demos/autocomplete/

Sample of use: (don't forget to include the Jquery UI js file)

<script>
    $(function() {
        var availableNames = [
            "Adam",
            "Andrey",
            "Aharon",
            "Antonio",
            "Kavin"
        ];
        $( "#names" ).autocomplete({
            source: availableNames
        });
    });
    </script>


<div class="ui-widget">
    <label for="names">Write your name:: </label>
    <input id="names">
</div>

edited Feb 26, 2012 at 17:30

answered Feb 26, 2012 at 17:22

Ofir Baruch

10.3k2 gold badges29 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Paul walker Over a year ago

thanks, yes, this is close to what im looking for. but im having trouble understanding that code. where is the source code that I can easily edit and where should I put my 200 names?

Collectives™ on Stack Overflow

validation on name field of javascript form (html webpage)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related