Question

我正在使用jQuery登录...

默认情况下，我禁用“提交”按钮。只有当电子邮件ID与info@company.com匹配且密码与hello

匹配时，它才会启用

但是，只要我输入正确的电子邮件ID和标签，就会启用提交按钮。

我想在正确输入用户名和密码时启用“提交”按钮

Online Demo

的jQuery

$('#validateUser input').keyup(function() {
  var userEmail = $('#userEmail').val();
  var userPassword = $('#userPassword').val();
  if( userEmail !== 'info@company.com' && userPassword !== 'hello') {
    $('#loginSubmit').attr('disabled', true);
  } else {
    $('#loginSubmit').removeAttr('disabled');
  }
});

HTML

<form action="dashboard.html" id="validateUser">
    <div><input type="text" id='userEmail' placeholder="Email ID"></div>
    <div><input type="password" id='userPassword' placeholder="Password"></div>
    <button type="submit" id="loginSubmit" disabled>Submit</button>
</form>

Answer 1

简单。

  if( userEmail === 'info@company.com' && userPassword === 'hello') {
    $('#loginSubmit').attr('disabled', false);
  } else {
    $('#loginSubmit').attr('disabled', true);
  }

Answer 2

更改您的条件如下

if( userEmail == 'info@company.com' && userPassword == 'hello') {
    $('#loginSubmit').removeAttr('disabled');
  } else {
    $('#loginSubmit').attr('disabled', true);
  }

此代码假定默认情况下禁用该按钮。如果默认情况下未禁用，请在文档加载时禁用或添加禁用属性

Answer 3

$('#validateUser input').keyup(function() {
  var userEmail = $('#userEmail').val();
  var userPassword = $('#userPassword').val();
  if( userEmail == 'info@company.com' && userPassword == 'hello') {
    $('#loginSubmit').attr('disabled', false);
  } else {
    $('#loginSubmit').attr('disabled', true);
  }
});

Answer 4

粘贴以下代码

$('#validateUser input').keyup(function() {
  var userEmail = $('#userEmail').val();
  var userPassword = $('#userPassword').val();
  if( userEmail == 'info@company.com' && userPassword == 'hello') {
    $('#loginSubmit').attr('disabled', false);
  } else {
   $('#loginSubmit').attr('disabled', true);
  }
});

Answer 5

尝试

您的jquery代码几乎正常运行。只需要一个小的变化。如果条件.. 如下所示

$('#validateUser input').keyup(function() {
  var userEmail = $('#userEmail').val();
  var userPassword = $('#userPassword').val();
  if( userEmail == 'info@company.com' && userPassword == 'hello') {
   $('#loginSubmit').removeAttr('disabled');
  } else {
   $('#loginSubmit').attr('disabled', true);

  }
});

我希望它对你有用。你需要对小事情做出反应。

Answer 6

你的条件是：

如果用户名不正确，则禁用和密码不正确。

您希望自己的条件是：

如果用户名不正确，则禁用或密码不正确。

您可以通过两种方式执行此操作，最小的更改是将和更改为或：

您的代码：

if (userEmail !== 'info@company.com' && userPassword !== 'hello') {
    $('#loginSubmit').attr('disabled', true);
} else {
    $('#loginSubmit').removeAttr('disabled');
}

应该是：

if (userEmail !== 'info@company.com' || userPassword !== 'hello') {
    $('#loginSubmit').attr('disabled', true);
} else {
    $('#loginSubmit').removeAttr('disabled');
}

或者您可以将'not equal or not equal'更改为'equal and equal'，但也可以更改if / else代码。

if (userEmail === 'info@company.com' && userPassword === 'hello') {
    $('#loginSubmit').removeAttr('disabled');
} else {
    $('#loginSubmit').attr('disabled', true);
}

（注意removeAttr / attr交换）

这说：

如果用户名和密码正确，则启用

jQuery - 用户名＆amp;密码匹配然后启用提交按钮

6 个答案: