如果条目与PHP数组匹配,Jquery是否更改输入背景色?

如果条目与PHP数组匹配,Jquery是否更改输入背景色?,php,jquery,css,input,Php,Jquery,Css,Input,我有一个简单的表单,它有3个字段。用户,id,电子邮件。 我有两个PHP数组$user&$id 当用户在user或id字段中输入名称时,我希望检查相应的php数组,如果名称或id在数组中,则更改它们当前所在的输入框的背景色 如果他们更新了该条目,则应继续检查,如果未找到匹配项,则将背景恢复为原始白色 如果它们清空输入字段,则颜色应变回白色 页面可能会预加载值,因此我可能会在初始加载时使用php更改背景颜色 我发现,对于数组中的指定字符,哪种方式有效: $('input').bind("chang

我有一个简单的表单,它有3个字段。用户,id,电子邮件。 我有两个PHP数组$user&$id

当用户在user或id字段中输入名称时,我希望检查相应的php数组,如果名称或id在数组中,则更改它们当前所在的输入框的背景色

如果他们更新了该条目,则应继续检查,如果未找到匹配项,则将背景恢复为原始白色

如果它们清空输入字段,则颜色应变回白色

页面可能会预加载值,因此我可能会在初始加载时使用php更改背景颜色

我发现,对于数组中的指定字符,哪种方式有效:

$('input').bind("change keyup", function() {
 var val = $(this).val();
 var regex = /["<>&]/g;
 if (val.match(regex)) {
   $(this).css("background", "red");
   val = val.replace(regex, "");
   $(this).val(val);
 }
 $("p").html(val);
});
$('input').bind(“change keyup”,function()){
var val=$(this.val();
var regex=/[“&]/g;
if(val.match(regex)){
$(this.css(“背景”、“红色”);
val=val.replace(regex,“”);
$(this).val(val);
}
$(“p”).html(val);
});
我试图更新它以支持php数组,但它不起作用,我不知道如何让它检查任何一个数组并恢复颜色

这就是我到目前为止所做的:

谢谢:)

更新

我通过以下方法实现了这一点:

$(function(){
 $('input').bind("change keyup", function() {
    var val = $(this).val();
    if ($(this).attr('id')=="user") {
    var check = <?php echo json_encode($user)?>;
 } else {
    var check = <?php echo json_encode($id)?>;
}
if ($.inArray(val, check) != -1) {
    $(this).css("background-color", "red");
 } else {
    $(this).css("background-color", "white");
    }
  });
});
$(函数(){
$('input').bind(“change keyup”,function(){
var val=$(this.val();
if($(this.attr('id')==“用户”){
var检查=;
}否则{
var检查=;
}
如果($.inArray(val,check)!=-1){
$(this.css(“背景色”、“红色”);
}否则{
$(this.css(“背景色”、“白色”);
}
});
});
但是有没有更简洁的方法来写这个


谢谢:)

如果您想在javascript中使用php数组,可以执行以下操作:

var myArray = <?php echo json_encode($myArray) ?>;
var myArray=;

做javascript魔术

你应该试试这个插件:@Hardy-谢谢你不用其他插件就可以这么做?那么你只是想检查重复的值吗?如果某些字段中已经存在给定的值,请将背景设置为红色?正确。如果用户输入的值已经在数组中,请将背景颜色设置为对于输入字段,它们当前为红色。如果清除输入字段或输入不在数组中的值,则将其还原为白色。ThxI已完成此操作,并已更新原始帖子。是否要使代码更整洁?谢谢,我的脚本中有此项,但它似乎不起作用。
var user=;