Regex For HTML Name Attribute

Question

Я пытаюсь написать скрипт регулярного выражения, который будет анализировать атрибуты имени HTML и возвращать каждый вложенный массив в соответствие. Вот пример:

<input type="text" name="contact[email]" /> 
<input type="text" name="contact[address][street]" /> 

Мне нужно немного яваскрипта регулярное выражение, которое будет анализировать эти и соответствовать их таким образом

Match 1: contact Match 2: email 
Match 1: contact Match 2: address Match 3: street 

Вот текущее регулярное выражение у меня есть:

/(^.*?)(\[(.*?)\])?$/ 

Спасибо!

Answer 1

Я думаю, что самый простой способ сделать это

var str = "contact[email]" 
str.match(/\w+/g) 
//=> ["contact", "email"] 

var str = "contact[address][street]" 
str.match(/\w+/g) 
//=> ["contact", "address", "street"] 

Answer 2

<input type="(?<type>[A-Za-z0-9]+)" name="(?<Name>[A-Za-z0-9\[\]]+)" /> 

работает нормально. Я приложил изображение, чтобы показать, как работает

, как каждое значение будет возвращено в массиве после REGEXMATCH, , то вы можете сделать это

var first = RegexMatch.Groups["Name"].Split('[')[0]; 

вы получите первое значение в name="contact[address][street]", первый = «связаться» , то вы можете сделать

var second = regexMatch.Groups["Name"].Split('[')[1]; 
then second = "address"; 

кстати это для C#, конвертировать в javascript !!

Answer 3

Что я буду делать это разграничить каждый из ваших name с [] Так что бы так:

<input type="text" name="[contact][email]" /> 
<input type="text" name="[contact][address][street]" /> 

Тогда я хотел бы использовать это для регулярных выражений:

(?:\[)(.*?)(?:\]) 

порезов решение вниз по количеству необходимых операций и значительно упростит ваше соглашение об именах. Каждый матч будет представлять собой отдельный элемент в разделе name

Answer 4

использовать следующие регулярные выражения:

/(^[^\[]+)(?=\[)|(([^\[\]]+)(?=\]))/g 

Пример использования ниже.

Demo fiddle here.

HTML:

<input id="one" type="text" name="contact[email]" /> 
<input id="two" type="text" name="contact[address][street]" /> 

JavaScript:

var regex = /(^[^\[]+)(?=\[)|(([^\[\]]+)(?=\]))/g; 

var nameOne = document.getElementById('one').getAttribute('name'); 
console.log('one: ', nameOne.match(regex)); 
var nameTwo = document.getElementById('two').name; 
console.log('two: ',nameTwo.match(regex)); 

Выход:

one: ["contact", "email"] 
two: ["contact", "address", "street"] 

Answer 5

я хотел бы использовать раскол(), чтобы захватить средние-ломти вместо мо ре сложных Regexps:

var strFormHTML='<input type="text" name="contact[email]" /><input type="text" name="contact[address][street]" />'; 
var names = strFormHTML.split(/[\W\w]+? name=\"([^"]+)\"[\w\W]+?/).filter(Boolean).slice(0,-1); 
alert(names); //shows: "contact[email]", "contact[address][street]"