Question

How to create an AJAX request using jQuery ‘after’ a user has finished entering an 11 digit mobile number into a form field? ‘kinda like a user name available check’

case…

User to enters a mobile number into form field

AJAX request made, mobile number sent http://domain.com?mobile=xxx

If result retuned is ‘true’ change box to green else red

Example

 <script type="text/javascript">
                $(document).ready(function(){

                        jQuery.ajax({
                            type: 'get',
                            url: 'http://domain.com',
                            data: {
                                apiKey: ''
                            },
                            dataType: "json",
                            context: document.body,
                            success: function(r) {
                                console.log(r);
                            }
                        });

                });
            </script>

Answer 1

Try this:

var digits = /^\d{11}$/;

$("input").on("keyup", function() {
    if ( digits.test(this.value) ) {
        $.ajax({
            url    : "/foo/bar",
            data   : { id: 1337 },
            success: function( data ) {
                console.log(data);
            }
        });
    }
});