-5

ユーザーが11桁の携帯電話番号をフォームフィールドに入力し終わった後、jQueryを使用してAJAXリクエストを作成する方法は? 「利用可能なユーザー名のチェックのようなもの」

場合...

ユーザーが携帯電話番号をフォーム フィールドに入力する

AJAX リクエストが行われ、携帯電話番号が送信されましたhttp://domain.com?mobile=xxx

返された結果が「true」の場合は、ボックスを緑に変更し、そうでない場合は赤に変更します

例

 <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>
4

2 に答える 2

3

これを試して：

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);
            }
        });
    }
});
于 2012-08-24T14:16:46.283 に答える
2

メソッドを使用してon()、入力フィールドのキー/貼り付けイベントにアタッチし、続いて を呼び出して$.ajax()、適切なパラメータを渡します。

$.ajax({
    url: '/foo/',
     data: { name: "text to validate" },
     success: function (data) {
         alert(data);
     }
 });

オン: http://api.jquery.com/on/
AJAX: http://api.jquery.com/jQuery.ajax/

于 2012-08-24T14:11:49.873 に答える