Laravel, jQuery - 在 Laravel 中验证后返回括号表示法（jQuery 中的点到括号表示法）

Question

Using Laravel 5.1.

I have request in which I do form input validation. I call the .ajax method and receive the JSON output.

Something like:

{
    "category.subcategory_one" : ["This field must be at least 3 characters long"],
    "category.subcategory_two" : ["This field must be at least 5 characters long"],
    ...
}

However the inputs which are validated look like this

<input name="category[subcategory_one]" >
<input name="category[subcategory_two]" >

But now I can't add a CSS class to the inputs that weren't filled correctly because in my jQuery I have dot notation.

Is there a simple way to convert category.subcategory_one to category[subcategory_one] ?

Answer 1

Will need to parse those into name format

var errors ={
    "category.subcategory_one" : ["This field must be at least 3 characters long"],
    "category.subcategory_two" : ["This field must be at least 5 characters long"],
    ...
}

$.each(errors, function key, value){
  var name = key;
  if(key.indexOf('.') >-1){
     name =  key.split('.').join('[') +']';
  }
  $('[name='+name+']').append( $('<span>',{class:'error', text: value.join('<br>') })

});

Answer 2

You need to escape special characters in the selector that contains bracket notation.

if (key.indexOf('.') !== -1){
    key =  key.split('.').join('\\[') +'\\]';
}