Question

我有一个简单的jquery和php程序，它正在检查用户名的可用性。但是当我运行此代码时，它没有显示输入字段。这是我的jquery

<html>
<head>
<title>the title</title>
   <script type="text/javascript" 
   src="js/jquery-1.4.1.min.js"></script>
   <script type="text/javascript" language="javascript">
$(document).ready(function() {

    $('#check').html(username);
    $.post( 
        "user_availability.php",
        { username: $("#username").val()},
        function(data) {
            $('#check').html(data);

        }
    );
});
   </script>
</head>
<body>

   <div id="check">

   </div><br><br>
<form>
 <input type="text" id="username" name="username" value="rajan" /></form>
</html>

请帮助我，因为我是jquery的初学者。

Answer 1

定义Username，使用keyup方法发送数据并获得结果

试试这个

$(document).ready(function () {
    var username = $("#username").val();
    $('#check').html(username);
    $('input:text').keyup(function () {
        $.post(
            "user_availability.php", {
            username: $(this).val()
        },
         function (data) {
            $('#check').html(data);

        });
    });
 $('#username').trigger('keyup');//if you want to trigger keyup onload add this
});

Answer 2

$(document).ready(function () {
    var username = $("#username").val();
    $('#check').html(username);
    $.post(
        "user_availability.php", {
            username: username
        },
        function (data) {
          $('#check').html(data);
        }
    );
});

Answer 3

用户名是

不

定义

试图传递作为参数

$('#check').html(username); // <---
          $.post( 
             "user_availability.php",
             { username: $("#username").val()},
             function(data) {
                $('#check').html(data);

      });
   });

如果您想在每次输入更改时进行检查，你需要听听它

//keyup to check every time a character is entered
$('#username').keyup(function () {
        $.post(

// on change, to only check when user blurs the field
$(document).on("change","#username",function () {
        $.post(

Answer 4

你可以试试这个

 <script>
$(document).ready(function() {
    $('#check').html($("#username").prop('value'));
      $.post( 
         "user_availability.php",
         { username: $("#username").val()},
         function(data) {
            $('#check').html(data);

  });

}）;

在jquery中使用.val（）时，输入字段不会出现

4 个答案: