javascript - 为什么启用和禁用按钮不起作用？

Question

仅当用户在文本框中输入了正确的验证码(显示为图像)值时，我才尝试启用表单的提交按钮。 captcha 是文本框的 id。

对于此文本框中的每个按键，都会有一个 AJAX 请求，该请求会发送到名为 ErrorProcessing.php 的文件。然后它将提供一个 HTML 变量，该变量是“输入了错误的文本”或null。然后，仅根据该值启用提交按钮。这有效。

但是问题是，对于该文本框上的每个按键，提交按钮首先会被启用，然后会被禁用。最后还好。但如果 HTML 变量为 null，我会尝试取消为每个按键启用提交按钮的功能。其余的代码没问题。 register-submit2 是提交按钮的 id。谁能帮帮我吗？

$(document).ready(function() {
  $("#captcha").keyup(function(e) {
    var captcha = $("#captcha").val();
    var datastring = 'captcha=' + captcha;

    $.ajax({
      type: "POST",
      url: "my_url/ErrorProcessing.php",
      data: datastring,
      success: function(html) {
        if (html == "wrong text entered") {
          $('#register-submit2').prop('disabled', 'true');
        } else {
          $('#register-submit2').prop('disabled', 'false');
        }
      }
    });
  });
});

Answer 1

使用不带引号的true/false。字符串形式将被视为 true。

$('#register-submit2').prop('disabled', false);

或者您可以使用

跳过 if

$('#register-submit2').prop('disabled', html == "wrong text entered");