i have a form which contains multiple input text box that will take emails.
<li style="text-decoration: none" id="email1"><input type="text" name="email[]" /></li>
<li style="text-decoration: none" id="email2"><input type="text" name="email[]" /></li>
There will also be option to add more input fields.
i want to loop over each email so as to perform pre-post validation.
How do i loop over email[] using jquery
Use an attribute selector to find them, and each to loop through them:
$('input[name="email[]"]').each(function() {
// ...
});
To loop over, and perform actions upon, the elements, use each():
$('input[name="email[]"]').each(function(i,e){
// i is the index of the current element within the collection,
// e is the DOM node node
});
Simple demonstrative example of how to use.
The input is an element-type selector, the [name="email[]"] is the element-equals selector.
References:
Use the following. You need to escape '[' and ']' characters Hope it will help you.
$('input[name="email\\[\\]"]').each(function(){
})
