我想在输入内容后返回输入的给定值

Question

由于某种原因，我无法弄清楚在输入内容后如何返回输入值。这与this problem 有关，如果没有识别用户名值，我将无法验证任何内容。我正在运行 jQuery 1.6.1 并验证 1.8.1。

这是 HTML 表单：

<form class="cmxform" action="register.php" method="post" name="signup" id="signup">
   <ul>
      <li>
        <label for="username">Username: <em>*</em></label>
        <input type="text" id="username" name="Username" size="20" class="required" placeholder="Username" />
      </li>
   </ul>
</form>

在提交表单之前，我想确保我可以看到我在输入中输入的用户名的值。我有一个返回用户名值的警报，但警报始终不显示任何内容。这是我正在使用的 JS 代码：

$(document).ready(function(){

var username = $("#username").val();
var parameter = "action=checkusername&username="+username;

$.validator.addMethod("checkAvailability",function(value,element){
    $.ajax({
          url: "dbquery.php",
          type: "POST",
          async: false,
          data: parameter,
          success: function(output) {
                     alert (username);
                     return true;
         }
     });
},"Sorry, this user name is not available");

// jQuery Validation script
    $("#signup").validate( {
        rules: {
            Username: {
                required: true,
                minlength: 5,
                checkAvailability: true // remote check for duplicate username
                }
            }
        },
        messages: {
            Username: {
                required: "Enter a username"
            }
        },
        submitHandler: function(form) {
            form.submit();
        }
    });

我应该使用val() 以外的其他东西来获取用户名的值吗？我很困惑为什么它没有给我我需要的价值！

Answer 1

您在 javascript 的开头对用户名进行硬编码。在 addMethod 成功调用中执行此操作

$.validator.addMethod("checkAvailability",function(value,element){
  var nameAvailable = false;
  $.ajax({
      url: "dbquery.php",
      type: "POST",
      async: false,
      data: "action=checkusername&username="+value,
      success: function(output) {
        //server returns whether username is valid or not
        //if it is valid set nameAvailable to true like so:
        nameAvailable = true;
      }
  });

  return nameAvailable;

});

$("#signup").validate({
  username: {
    required: true,
    checkAvailability: true
  },
  messages: {
    username: {
      required: "Username is required",
      checkAvailability: "Sorry, this user name is not available"
    }
  },
  submitHandler: function(form) {
    form.submit();
  }
});

HTML

<input type="text" id="username" name="username" size="20" class="required checkAvailability" placeholder="Username" />

把它放在你现在拥有的地方意味着当页面加载时它会立即获取用户名文本字段中的值，该值将是空的。

编辑：

稍微修改了代码以使其正常工作

编辑：jsfiddle of above code

Answer 2

$.val() 在<input>s 上很好。 给我们一个链接？也许我们可以在那里看到它？

此外，如果 id 确实是 username 而不是 uname，“for”属性应该是 username。

既然你给 $.ajax 一个已经字符串化的字符串，请尝试添加 processData: false