Laravel validation find input name with JQuery using dot array syntax

Question

How can I find in JQuery input by name, if I have dot array syntax from Laravel?

Input example:

<input type="text" name="Payments[0][1][Amount]">
<input type="text" name="Reservations[0][Date]">

Laravel validation response from ajax request:

errors: {
  Payments.0.1.Amount: "Field is required",
  Reservations.0.Date: "Field should be date"
}

Problem: How can I looping through errors array in javascript access input names, if I only have array dot names?

For example, transform Payments.0.1.Amount to Payments[0][1][Amount], or Reservations.0.Date to Reservations[0][Date]

for (const [key, value] of Object.entries(errors)) {
     key = somehowParseDotInputToArray(key); // how? :)
   $('#app input[name="' + key + '"]').append( '<p class="error">'+ value +'</p>' );
}

AlexIL · Accepted Answer · 2019-07-08 10:22:22Z

2

Have allready found solution, maybe someone also helps :)

function DotArrayToJs(str){
  var splittedStr = str.split('.');

  return splittedStr.length == 1 ? str : (splittedStr[0] + '[' + splittedStr.splice(1).join('][') + ']');
}

answered Jul 8, 2019 at 10:22

AlexIL

5733 gold badges9 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

LulzAsh · Accepted Answer · 2019-07-08 10:35:07Z

1

Simply split the name in an error object from . . Using var $nameArr = name.split('.');

Suppose name = Reservations.0.Date it will be like let nameArr = ['Reservations','0','Date']

then make name as you want so

var newName = $nameArr[0] + '['+ $nameArr[1] +']' + '[' +$nameArr[2] + ']';

newName will look like Reservations[0][Date]

loop this process for all name variable and make new error object.

answered Jul 8, 2019 at 10:35

LulzAsh

6821 gold badge9 silver badges26 bronze badges

2 Comments

AlexIL Over a year ago

Hi, it will not work with 'Payments.0.1.Amount' and with input without array, for example -> 'Payments'. You can see my own answer, there are solved all this issues :)

LulzAsh Over a year ago

for this you need to concat $nameArr[3]

Adrien C · Accepted Answer · 2020-04-16 18:57:22Z

0

Juste in case someone has multi-level arrays

	function getFieldnameFromLaravelDotName(laravelDotName) {

		let parts = laravelDotName.split(".");
		let fieldName = "";
		let prefix = "";
		let suffix = "";
		parts.forEach((part, i) => {

			if (fieldName != "") {

				prefix = "[";
				suffix = "]";

			}

			fieldName += prefix + part + suffix;

		});

		return fieldName;

	}
  
  console.log(getFieldnameFromLaravelDotName("noDotInThis"));
  console.log(getFieldnameFromLaravelDotName("one.level"));
  console.log(getFieldnameFromLaravelDotName("many.level.array.plop"));

answered Apr 16, 2020 at 18:57

Adrien C

4344 silver badges12 bronze badges

Collectives™ on Stack Overflow

Laravel validation find input name with JQuery using dot array syntax

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related