如何检查文本输入是否与变量匹配

How can I check if text input matches a variable?

本文关键字:是否 变量 输入 文本 何检查 检查      更新时间:2023-09-26

我有一些javascript,当用户输入正确的文本(密码)时,它应该改变h2的颜色。但是用户可以乱七八糟地输入任何东西,它会改变文本颜色。有谁知道如何解决这个问题?这是我的代码:

var code = ('user1'); 
var entry = $('.code').val();
$('.code').change(function(code_check) {
  if(code == entry) {
     $('.codeText').css('color', 'rgb(247,37,62)'); 
  } else if(code != entry) {
     $('.codeText').css('color', 'rgb(61, 216, 97)'); 
  }
});

您需要使用 this 作为引用的输入值

$('.code').change(function(){
    $(this).css('color', function(){
       return $(this).val().trim() == code ? 'rgb(247,37,62)' : 'rgb(61, 216, 97)');
    }); 
});