javascript - 如何在 keyup 上传递两个变量？

Question

坚持这一点。我想在“用户名”的 keyup 上传递我的 2 个表单输入。我想将“用户名”和“位置”输入发送到我的 php.ini。这可以做到吗？尝试了一些东西，但无法弄清楚。

注意:我想在输入“用户名”时同时传递两者。

表格:

<fieldset>
<input name="location" type="text" id="location" maxlength="15">
<label for="username">Enter Username :                                                                 
<input name="username" type="text" id="username" maxlength="15">                            
<span id="user-result"></span>                                      
</label>                                                                    
</div>                                                              
</fieldset>

脚本:

$(document).ready(function() {
    $("#username").keyup(function (e) {

        //removes spaces from username
        //$(this).val($(this).val().replace(/\s/g, ''));
        var username = $(this).val();
        if(username.length < 4){$("#user-result").html('');return;}

        if(username.length >= 4){
            $("#user-result").html('<img src="../images/ajax-loader.gif" />');
            $.post('check.php', {'username':username}, function(data) {
              $("#user-result").html(data);
            });
        }
    }); 
});

Answer 1

只需从用户名 keyup 事件处理程序中输入的位置获取值，并将其与请求一起传递:

$(document).ready(function() {
    $("#username").keyup(function (e) {

        //removes spaces from username
        //$(this).val($(this).val().replace(/\s/g, ''));

        var username = $(this).val();
        var location = $('#location').val();

        if(username.length < 4){$("#user-result").html('');return;}

        if(username.length >= 4){
            $("#user-result").html('<img src="../images/ajax-loader.gif" />');
            $.post('check.php', { 'username':username, 'location': location}, function(data) {
              $("#user-result").html(data);
            });
        }
    }); 
});