jquery - 通过比较输入名称来更改输入 css

标签 jquery ajax laravel

error: function (xhr) {
 $.each(xhr.responseJSON.errors, function(key) {
    console.log(xhr.responseJSON.errors);
     return key<2;
});
},

上面的函数返回以下结果:

enter image description here

我有同名的输入字段 Civil_no efirst 和 esecond

如果字段名称在 json 响应中,我想将输入边框变成红色。

我尝试了类似下面的方法,但它不起作用。

    error: function (xhr) {

    var arr = [ "efirst", "esecond", "civil_no"];

$.each(xhr.responseJSON.errors, function(key,value,i) {

if(xhr.responseJSON.errors=arr[i]){

     $( "input[name=" arr[i]]).removeClass('border border-dark');
     $( "input[name=" arr[i] ).addClass('errorClass');

     return key<1;
}
 });
    },

console.log(key); //returns efirst,esecond,civil_no

最佳答案

查看此问题的另一种方法是循环遍历字段名称数组并查看错误对象中是否存在该属性。

var arr = ["efirst", "esecond", "civil_no"];

$.each(arr, function(i, name) {
  if (xhr.responseJSON.errors.hasOwnProperty(name)) {
    $("input[name='" + name + "']").addClass('errorClass').removeClass('border border-dark');      
  }
});

关于jquery - 通过比较输入名称来更改输入 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58685095/

相关文章:

laravel - 如何使用驼峰式大小写访问属性?

javascript - 每次 jQuery 绑定(bind)到点击事件时,我如何创建一个函数来 console.log 详细信息?

jquery 表单未按预期工作。 ajaxForm 不是一个函数

php - 如何使用ajax更新mysql并在更新成功后重定向页面?

php - 获取登录用户的列表 PHP

laravel - Eloquent 做了很多查询

javascript - Jquery、ajax : Clicking on a button and getting the value of the cell next to it on the same row

javascript - 选择特定选项时,禁用所选多选下拉列表中的所有选项

javascript - 多个 jQuery - 添加第二个 jQuery 库时 Plupload 不起作用

javascript - jQueryscrollTop 的不同替代品?