Идея:
window.onload = function() {
var forms = document.getElementsByClassName('ajax_form');
console.log(forms);
var forms = Array.prototype.slice.call(forms, 0);
forms.forEach(function(i, item, array) {
item.onsubmit = function() {
alert(i);
// start ajax from here
// by getting attributes from form.ajax_form
}
});
}
<form class='ajax_form' url='/ajax/somewhere/' method='post'>
<input name='test' send='1'>
<input type='submit' value='send'>
</form>
<form class='ajax_form' url='/ajax/somewhere/' method='post'>
<input name='test' send='1'>
</form>
onsubmit ничего не происходит. Предположение в том, что я преобразовал коллекцию html к массиву. Если это так то просьба показать как правильно (и красиво) перебрать коллекцию. Ответы просьба исключительно на чистом javascript